Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Benefits&item #1701

Open
wants to merge 66 commits into
base: main
Choose a base branch
from
Open
Changes from 4 commits
Commits
Show all changes
66 commits
Select commit Hold shift + click to select a range
36ecf97
Ascundere continut pagina
rebecalasconi Jun 1, 2024
77b9cb4
update
n0m3d90 Jun 2, 2024
18f1dc1
benefits&items
n0m3d90 Jun 3, 2024
882281f
benefits&items
n0m3d90 Jun 3, 2024
e78e56a
layout header si hero
rebecalasconi Jun 3, 2024
a7e8b9a
Update header
rebecalasconi Jun 3, 2024
9e70851
Update header
rebecalasconi Jun 3, 2024
254c98e
Merge branch 'main' into feature/header
rebecalasconi Jun 3, 2024
92c39cd
Merge pull request #1 from rebecalasconi/benefits&item
rebecalasconi Jun 3, 2024
9aac86c
Merge branch 'main' into feature/header
rebecalasconi Jun 3, 2024
cf1fbf0
update 2
n0m3d90 Jun 3, 2024
7b504f4
Merge pull request #2 from rebecalasconi/feature/header
rebecalasconi Jun 4, 2024
b232f82
update mobile+tableta partial
n0m3d90 Jun 4, 2024
febb4f1
update href
n0m3d90 Jun 4, 2024
8062793
Update index.html
NicuBu Jun 4, 2024
b2648ee
tsellers a doua incercare
NicuBu Jun 4, 2024
3d2d1e6
html css and imgs added
NicuBu Jun 4, 2024
55992ee
Update index.scss
NicuBu Jun 4, 2024
070f457
finalizare header si hero-section
rebecalasconi Jun 4, 2024
5bdd8ef
commit
rebecalasconi Jun 4, 2024
1b30480
Merge pull request #6 from rebecalasconi/feature/header
rebecalasconi Jun 4, 2024
c16b41d
Merge branch 'main' into benefits&item
rebecalasconi Jun 4, 2024
7007671
Merge pull request #3 from rebecalasconi/benefits&item
rebecalasconi Jun 4, 2024
0b54cbc
svg lipsa
rebecalasconi Jun 4, 2024
f97cd05
Merge pull request #7 from rebecalasconi/feature/header
rebecalasconi Jun 4, 2024
38bf24c
Merge branch 'main' into feature/tsellers
rebecalasconi Jun 4, 2024
7da1ad0
code fix + color in CSS
NicuBu Jun 5, 2024
9d4e936
Merge branch 'feature/tsellers' of https://github.com/rebecalasconi/t…
NicuBu Jun 5, 2024
7ad5906
svg vizibil
rebecalasconi Jun 5, 2024
f6f4af8
Merge pull request #8 from rebecalasconi/feature/header
rebecalasconi Jun 5, 2024
a22355e
html label tag fix
NicuBu Jun 5, 2024
a280f8b
Merge pull request #5 from rebecalasconi/feature/tsellers
rebecalasconi Jun 5, 2024
290f080
tsellers at 95%
NicuBu Jun 5, 2024
ff85d42
1
seriserj Jun 5, 2024
bfce48d
how
seriserj Jun 5, 2024
491d642
Mobile
seriserj Jun 5, 2024
1fb51ad
how is made desktop
seriserj Jun 6, 2024
ce1a914
layout
rebecalasconi Jun 6, 2024
311c134
layout revizuit mobile
rebecalasconi Jun 7, 2024
2ed568e
verificare1
rebecalasconi Jun 7, 2024
f751f71
Merge branch 'main' into feature/reviews
rebecalasconi Jun 7, 2024
a4b3c65
Merge pull request #11 from rebecalasconi/feature/reviews
rebecalasconi Jun 7, 2024
63ce140
Update tsellers.html
NicuBu Jun 7, 2024
6127b35
png to jpeg
NicuBu Jun 7, 2024
c0a2365
tablet style done
NicuBu Jun 7, 2024
05e328f
Merge branch 'main' into how-it's-made
rebecalasconi Jun 7, 2024
415d301
html and css checked for final version
NicuBu Jun 7, 2024
b578182
Merge pull request #9 from rebecalasconi/feature/tsellers
rebecalasconi Jun 7, 2024
1d45b90
header.css
rebecalasconi Jun 7, 2024
544d343
update benefits 3
n0m3d90 Jun 7, 2024
f660a69
Merge branch 'benefits&item' of https://github.com/rebecalasconi/team…
n0m3d90 Jun 7, 2024
2902b74
how
seriserj Jun 8, 2024
19cd0b6
Merge branch 'how-it's-made' of https://github.com/rebecalasconi/team…
seriserj Jun 8, 2024
088a2e4
Merge pull request #10 from rebecalasconi/how-it's-made
rebecalasconi Jun 8, 2024
90ef9ea
header
rebecalasconi Jun 8, 2024
bf267e4
Ho is made
seriserj Jun 8, 2024
7752923
modificari
seriserj Jun 8, 2024
7d4a2c1
fara img
rebecalasconi Jun 8, 2024
84685f9
Merge branch 'main' into feature/header
rebecalasconi Jun 8, 2024
39da610
update x
n0m3d90 Jun 8, 2024
825edeb
Merge pull request #12 from rebecalasconi/how-it's-made
rebecalasconi Jun 8, 2024
aa2419e
Merge pull request #14 from rebecalasconi/feature/header
rebecalasconi Jun 8, 2024
74fa7a5
updatexx
n0m3d90 Jun 8, 2024
d11dcaf
Merge branch 'main' into benefits&item
rebecalasconi Jun 8, 2024
a98b347
modificari fisiere
n0m3d90 Jun 8, 2024
935678d
up
n0m3d90 Jun 8, 2024
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added src/images/kisspng-almonds.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/images/kisspng-milk.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added src/images/semi-sweet-chocolate.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
15 changes: 15 additions & 0 deletions src/images/symbol-defs.svg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
4 changes: 1 addition & 3 deletions src/index.html
Original file line number Diff line number Diff line change
@@ -4,7 +4,7 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Page title</title>
<link rel="stylesheet" href="./sass/index.scss" />
<link rel="stylesheet" href="./sass/benefits.css" />
<script type="module" src="./index.js"></script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
@@ -16,5 +16,3 @@ <h1>Example title</h1>
❗️❗️❗️ Add partials like so for every page
<include src="./partials/example.html"></include>-->
<include src="./partials/header"></include>
</body>
</html>
88 changes: 88 additions & 0 deletions src/partials/benefits.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,88 @@
<!-- Benefits section -->
<section class="benefits_section">
<div class="container">
<ul>
<!-- group 1 -->
<li>
<div class="benefits_group">
<svg class="benefits_svg"><use href="./images/symbol-defs.svg#icon-fluent-emoji-high-contrast_chocolate-bar"></use></svg>
<h2>Unsurpassed taste</h2>
<p>Crafted with the finest quality cocoa beans and a dedication to perfection, each bite is a decadent experience that simply cannot be matched. Savor the richness and complexity of our Unsurpassed Taste and discover a new level of chocolate bliss.</p>
</div>
</li>
<!-- group 2 -->
<li>
<div class="benefits_group">
<svg class="benefits_svg"><use href="./images/symbol-defs.svg#icon-Coin"></use></svg>
<h2>Affordable price</h2>
<p>Indulge in high-quality chocolate without breaking the bank with Simply Chocolate's selection of affordable treats. Enjoy mouth-watering truffles and velvety chocolate bars without sacrificing taste or quality. Browse our selection and indulge in affordable luxury today.</p>
</div>

</li>
<!-- group 3 -->
<li>
<div class="benefits_group">
<svg class="benefits_svg"><use href="./images/symbol-defs.svg#icon-la_utensil-spoon"></use></svg>
<h2>Own production</h2>
<p>We take pride in our own production process, ensuring that every step is carefully crafted to perfection. From selecting the finest ingredients to handcrafting each piece, our attention to detail is evident in every bite.</p>
</div>
</li>
</ul>
</div>
</section>

<!-- Item section -->
<section class="item_section">
<div class="container">
<h2>IT ALL ADDS UP TO ONE EXCEPTIONAL TASTE SENSATION</h2>
<p>At Simply Chocolate, we believe that the secret to exceptional chocolate is in the details. From sourcing the finest ingredients to carefully crafting each individual piece, every step of our process adds up to one exceptional taste sensation.</p>
<div class="item_images">

<!-- chololate image -->
<div>
<img src="./images/kisspng-milk-white-chocolate-hot-chocolate-chocolate-bar.jpg" alt="chocolate">
<div>
<h3>Milk Chocolate</h3>
<button>Chocolate</button>
<button>The Benefits</button>
<p>Milk chocolate is a solid chocolate confectionery containing cocoa, sugar, and milk. It is the most consumed type of chocolate. Chocolate was originally sold and consumed as a beverage in pre-Columbian times. Today, four-fifths of all milk chocolate is sold in the United States and Europe.</p>
</div>
</div>

<!-- milk bottle image -->
<div>
<img src="./images/kisspng-milk.jpg" alt="milk bottle">
<div>
<h3>Milk</h3>
<button>Milk</button>
<button>The Benefits</button>
<p>Milk is a white liquid food produced by the mammary glands of mammals. It is the primary source of nutrition for young mammals (including breastfed human infants) before they can digest solid food. Early-lactation milk, called colostrum, contains antibodies that strengthen the immune system.</p>
</div>
</div>

<!-- almonds image -->
<div>
<img src="./images/kisspng-almonds.jpg" alt="almonds">
<div>
<h3>Nuts</h3>
<button>Nuts</button>
<button>The Benefits</button>
<p>Almonds, pistachios, and walnuts are some types of nuts that contain healthy nutrients. When eaten as part of a nutrient-dense diet, these nuts may offer benefits such as reducing your risk of heart disease. They’re a good source of fiber, healthy fats, and plant protein. Plus, they’re great on their own.</p>
</div>
</div>

<!-- sweet chololate image -->
<div>
<img src="./images/semi-sweet-chocolate.jpg" alt="sweet chocolate">
<div>
<h3>Semi-Sweet Chocolate</h3>
<button>Sweet Chocolate</button>
<button>The Benefits</button>
<p>Semi-sweet chocolate has a cocoa solid content of 35 to 65%. One of the best ways to understand this type of chocolate is to compare it to other types. Semi-sweet is darker than milk chocolate. In a taste comparison, it has a slightly bitter taste, whereas milk chocolate is sweeter.</p>
</div>
</div>
</div>
</div>
</section>


34 changes: 34 additions & 0 deletions src/sass/benefits.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,34 @@
/* benefits section */

.benefits_section{
background-color:rgba(30, 24, 35, 1);
display: flex;
flex-wrap: wrap;
}
.benefits_group{
padding: 20px;
}

.benefits_group h2{
font-weight: 600;
font-size: 18px;
line-height: 1.2;
font-family: 'Montserrat';
color: rgba(255, 255, 255, 1);
}
.benefits_group p{
font-family: Montserrat;
font-size: 14px;
font-weight: 400;
line-height: 17.07px;
letter-spacing: -0.02em;
text-align: left;
color: rgba(255, 255, 255, 0.7);
}

/* item section */
.item_section{
padding:72px 20px;

}