diff options
| author | altaf-creator <dev@altafcreator.com> | 2024-09-25 06:27:36 +0700 |
|---|---|---|
| committer | altaf-creator <dev@altafcreator.com> | 2024-09-25 06:27:36 +0700 |
| commit | f3b0f568673b258dfacc67880d592696f2315fd1 (patch) | |
| tree | e59587f849524960ee657d06b9f3dedfd4c2f8bc /index.html | |
| parent | a84fce64fbce292cf4fd2909ae03d06b48571d32 (diff) | |
Diffstat (limited to 'index.html')
| -rw-r--r-- | index.html | 79 |
1 files changed, 70 insertions, 9 deletions
@@ -4,25 +4,25 @@ <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=0.7"> - <title>ECOEASE Exfoliants</title> + <title>Asheville</title> <link rel="stylesheet" href="/style.css"> </head> <body> <div class="navbar"> - <a href="" class="navbar-icon-a"><img src="/assets/images/master.png" alt="" class="navbar-icon"></a> + <a href="/" class="navbar-icon-a"><img src="/assets/images/master.png" alt="" class="navbar-icon"></a> <div class="navbar-links"> - <a class="navbar-link" href="">Project Information</a> + <a class="navbar-link" href="project/">Project Information</a> • - <a class="navbar-link" href="">Our Goal</a> + <a class="navbar-link" href="goal/">Our Goal</a> • - <a class="navbar-link" href="">Products</a> + <a class="navbar-link" href="products">Products</a> </div> </div> <div class="main"> <section> - <div class="banner bento-tile-accent"> - <span class="banner-heading text-accent-brand">asheville</span><br> - <span class="text-accent-brand">Organic Skincare Products</span> + <div class="banner"> + <span class="banner-heading text-accent-brand-reverse">asheville</span><br> + <span class="text-accent-brand-reverse">Organic Skincare Products</span> </div> </section> <section class="section-text"> @@ -34,13 +34,17 @@ <div id="bento0"> <div id="a0" class="bento-tile-accent"> <h2 class="bento-heading">Always made with <b class="text-accent-brand">Green & Organic</b> materials.</h2> + <p style="text-align: left;">Our mission of sustainability and friendliness ensures that all of our products are always made with organic and safe to dispose materials.</p> + <img id="a0-img0" src="/assets/images/beeswax.JPG" alt=""> + <img id="a0-img1" src="/assets/images/DSC06299.JPG" alt=""> </div> <div id="b0" class="bento-tile"> <h2 class="bento-heading">Make your skin say <b class="text-accent-brand">Thank You</b>.</h2> + <p>Back to nature with our products, filled with the benefits of organic materials.</p> </div> <div id="c0" class="bento-tile"> <h2 class="bento-heading"><b class="text-accent-brand">Sustainable</b> Production</h2> - <a class="button" href="">Learn more →</a> + <a class="button" href="">Our mission →</a> </div> </div> </section> @@ -49,7 +53,64 @@ </section> <section> <div id="bento1"> + <div id="a1" class="bento-tile-accent"> + <h2 style="text-align: center;" class="bento-heading">Friendly<br> <b class="text-accent-brand-reverse">Ingredients</b></h2> + <img id="a1-img0" src="/assets/images/brown.JPG" alt=""> + <span id="a1-txt0">brown<br>sugar</span> + <img id="a1-img1" src="/assets/images/DSC06299.JPG" alt=""> + <span id="a1-txt1">natural<br>oils</span> + <img id="a1-img2" src="/assets/images/beeswax.JPG" alt=""> + <span id="a1-txt2">beeswax</span> + <img id="a1-img3" src="/assets/images/shea.JPG" alt=""> + <span id="a1-txt3">shea<br>butter</span> + </div> + <div id="b1" class="bento-tile"> + <img id="b1-img" src="/assets/images/product.png" alt=""> + <a id="b1-btn" class="button" href="">Rp 24.000,– →</a> + <span id="b1-txt"> Afford-<br>able</span> + </div> + <div id="c1" class="bento-tile"> + <h2 class="bento-heading">Easy to Use</h2> + <br> + <span style="font-size: 1.1rem;"><b class="text-accent-brand" style="font-size: 2rem;">Get</b> some scrub,<br><b class="text-accent-brand" style="font-size: 2rem;">apply</b> to your lip,<br><b class="text-accent-brand" style="font-size: 2rem">massage</b> circularly lightly,<br>then <b class="text-accent-brand" style="font-size: 2rem;">wash</b> after use! Easy!</span> + <img id="c1-img" src="/assets/images/product2.png" alt=""> + </div> + <div id="d1" class="bento-tile-accent"> + <h2 class="bento-heading">Take care of your <b class="text-accent-brand">Lips</b></h2> + <p>Taking care of our delicate lips is important. Clean and maintain the healthiness of your lips with our Lip Scrub.</p> + <ol style="font-size: 2rem;"> + <li>Exfoliate your lips to maintain cleaniness, and</li> + <li>Emmoliate your lips to moisturise it.</li> + </ol> + </div> + <div id="e1" class="bento-tile"></div> + </div> + <div class="center"><a class="button" href="">Buy Now →</a></div> + </section> + <section class="section-text"> + <h1 class="section-heading">🏫<br>A part of a school project.</h1> + </section> + <section> + <div id="bento2"> + <div id="a2" class="bento-tile"> + <h2 class="bento-heading"><b class="text-accent-brand">Fair</b> Future(s)</h2> + <hr> + <p>We have chosen the <b style="font-size: 2rem;">Third</b> Theme of our Block 1 Project, <b style="font-size: 2rem;">Art of Humanity</b></p> + </div> + <div id="b2" class="bento-tile"> + <h2 class="bento-heading">Read our <b class="text-accent-brand">Report</b></h2> + <img id="b2-img" src="/assets/images/report.png" alt=""> + <a class="button" href="/assets/docs/Laporan Observasi.pdf">Download & Read ↓</a> + </div> + <div id="c2" class="bento-tile"> + <h2 class="bento-heading">Statistics</h2> + <p>In Indonesia, <b>8 million tonnes</b> of plastic waste are produced every year.</p> + <p><b>38 million tonnes</b> of total waste are produced every year.</p> + <a class="button" href="/project/">Learn more →</a> + </div> + <div id="d2" class="bento-tile"> + </div> </div> </section> </div> |