Skip to content

Commit

Permalink
2 part about
Browse files Browse the repository at this point in the history
2
  • Loading branch information
olgatenison committed Oct 9, 2023
1 parent 26b0106 commit 57a6f6e
Show file tree
Hide file tree
Showing 3 changed files with 71 additions and 25 deletions.
63 changes: 50 additions & 13 deletions css/history.css
Original file line number Diff line number Diff line change
Expand Up @@ -22,6 +22,14 @@
.about01__right {
padding: 40px;
}
.history__subtitle {
font-family: "Marcellus SC", serif;
font-weight: 400;
font-size: 34px;
line-height: 1.3;
letter-spacing: 2px;
color: var(--txt-gold);
}
.about01_subtitle {
text-align: center;
margin-bottom: 60px;
Expand All @@ -33,7 +41,8 @@
line-height: 2;
text-align: center;
}
/* ________________ */
/* _________________________ */

.history__subtitle02 {
padding: 60px;
text-align: center;
Expand All @@ -47,7 +56,13 @@
border-top: solid #a0761a 2px;
border-bottom: solid #a0761a 2px;
}
.about02 {

.about02_subtitle {
padding-top: 30px;
text-align: center;
margin-bottom: 40px;
padding-bottom: 30px;
border-bottom: solid #a0761a 2px;
}
.about02__left {
padding-right: 40px;
Expand All @@ -57,28 +72,50 @@
display: flex;
flex-direction: column;
}
.about02__text01 {
}

.about02__img01 {
width: 320px;
width: 350px;
padding-bottom: 30px;
padding-top: 40px;
}
.about02__center {
padding: 20px;
border-left: solid #a0761a 2px;
max-width: 390px;
}

.about02_subtitle {
.about02__center p {
padding-bottom: 40px;
border-bottom: solid #a0761a 2px;
}
.about02__center h3 {
padding-bottom: 10px;
padding-top: 20px;
border-bottom: solid transparent 2px;
}
.subtitle {
.about02_subtitle span {
color: #ffffff;
display: block;
position: relative;
line-height: 1;
padding-top: 15px;
}
.about02_subtitle span::before {
content: "";
position: absolute;
width: 180px;
height: 1px;
background-color: #fff;
top: 5px;
}

.about02__text02 {
line-height: 2;
text-align: center;
padding-top: 45px;
padding-left: 30px;
padding-right: 30px;
}
.about02__right {
padding: 20px;
border-left: solid #a0761a 2px;
}

.about02__img02 {
padding-top: 40px;
padding-left: 20px;
}
33 changes: 21 additions & 12 deletions history.html
Original file line number Diff line number Diff line change
Expand Up @@ -73,6 +73,7 @@ <h2 class="history__title title">
class="about01__img"
alt="cacao bean"
src="./images/history/cacao_branch.png"
width="670"
/>
</div>
<div class="about01__right">
Expand All @@ -88,12 +89,17 @@ <h3 class="about01_subtitle subtitle">About us</h3>
</p>
</div>
</div>
<h3 class="history__subtitle02 subtitle">
Welcome to Loretta's Choco
<span> Where Swiss Craftsmanship Meets Chocolate Magic!</span>
</h3>
<h2 class="history__subtitle02 subtitle">
<span>
Where Swiss Craftsmanship<br />
Meets Chocolate Magic!</span
>
</h2>
<div class="history__about02 about02">
<div class="about02__left">
<h3 class="about02_subtitle subtitle">
Welcome to Loretta's Choco
</h3>
<p class="about02__text01">
Inspired by the beauty of Switzerland, we craft each chocolate
delicacy with precision, dedication, and an unwavering
Expand All @@ -109,28 +115,31 @@ <h3 class="history__subtitle02 subtitle">
/>
</div>
<div class="about02__center">
<h3 class="about02_subtitle subtitle">
It is a chocolate country
</h3>
<p class="about02__text02">
Imagine biting into a piece of chocolate that transports you
to the Swiss Alps – the crispness of alpine air, the sweetness
of mountain flowers, and the richness of pure Swiss cocoa.
to the Swiss Alps – the crispness of air, the sweetness of
mountain flowers, and the richness of pure Swiss cocoa.
Loretta's Choco is a symphony of flavors, an orchestra of
taste that harmonizes the essence of Swiss nature with the
artistry of chocolatiers. At Loretta's Choco, we bring you joy
in every bite. Whether it's our velvety caramel-infused
chocolates, the freshness of spring's first alpine blooms, the
burst of dewy blueberries, or the intensity of black currants
– each piece is crafted with love, care, and a touch of Swiss
magic.
– each piece is crafted with love and a touch of Swiss magic.
</p>
<h3 class="about02_subtitle subtitle">
IT IS A
<span
>chocolate <br />
country</span
>
</h3>
</div>
<div class="about02__right">
<img
class="about02__img02"
alt="maffins"
src="./images/history/maffins.png"
src="./images/history/about2.png"
width="350px"
/>
</div>
Expand Down
Binary file added images/history/about2.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 57a6f6e

Please sign in to comment.