make build

szymonpachucki · Nov 17, 2023 · c0aa9bf · c0aa9bf
commit c0aa9bf
Show file tree

Hide file tree

Showing 24 changed files with 75 additions and 0 deletions.
diff --git a/Frame-big.9128b75b.png b/Frame-big.9128b75b.png
diff --git a/Frame-mid.09d121e6.png b/Frame-mid.09d121e6.png
diff --git a/Frame-small.31de588b.png b/Frame-small.31de588b.png
diff --git a/Union.060b2e91.png b/Union.060b2e91.png
diff --git a/aboutCreator.bcdc2ef5.svg b/aboutCreator.bcdc2ef5.svg
diff --git a/aboutOurBrandMain.bf009780.svg b/aboutOurBrandMain.bf009780.svg
diff --git a/aboutOurBrandSide.55cad163.svg b/aboutOurBrandSide.55cad163.svg
diff --git a/bird.8e1a1828.png b/bird.8e1a1828.png
diff --git a/cart.3026804c.png b/cart.3026804c.png
diff --git a/close.7dcf7e70.svg b/close.7dcf7e70.svg
diff --git a/contactUS.0c122c2a.svg b/contactUS.0c122c2a.svg
diff --git a/eco.a7da06a4.png b/eco.a7da06a4.png
diff --git a/facebook.5a519cbc.png b/facebook.5a519cbc.png
diff --git a/index.html b/index.html
@@ -0,0 +1 @@
+<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>witch of mountain winds</title><link rel="stylesheet" href="main.aa58eab6.css"><link rel="icon" type="image/x-icon" href="bird.8e1a1828.png"></head><body> <header class="header" id="home"> <div class="header__nav"> <div class="header__nav-imgBox"> <img id="menu" class="header__nav-img" src="menu.c7ee831b.png" alt="menu" onclick="toggleOpenClass()"> </div> <div class="header__nav-imgBox-logo"> <a href="#home"> <img class="header__nav-img" src="Union.060b2e91.png" alt="logo"> </a> </div> <h3 class="header__nav-title">witch of mountain winds</h3> <nav class="header__nav-navigation"> <a class="header__nav-navigation-link" href="#shop">Shop</a> <a class="header__nav-navigation-link" href="#contact">Contact</a> <a class="header__nav-navigation-link" href="#aboutMe">About</a> </nav> <div class="header__nav-imgBox" id="cartBox"> <img class="header__nav-img" src="cart.3026804c.png" alt="cart"> </div> </div> </header> <section id="burger" class="burger"> <div class="burger__imgBox"> <img id="close" class="burger__close" src="close.7dcf7e70.svg" alt="menu" onclick="toggleOpenClass()"> </div> <nav class="burger__nav"> <div class="burger__nav-linkBox"> <a class="burger__nav-link" href="#shop" onclick="handleBurgerNav()">Shop</a> </div> <div class="burger__nav-linkBox"> <a class="burger__nav-link" href="#contact" onclick="handleBurgerNav()">Contact</a> </div> <div class="burger__nav-linkBox"> <a class="burger__nav-link" href="#aboutMe" onclick="handleBurgerNav()">About</a> </div> </nav> </section> <section class="home"> <img class="home__img" src="mainPhoto.46e1e0d3.svg" alt="main page photo"> <div class="home__content"> <h1 class="home__content-title">Brand of eco-cosmetics and magic candles</h1> <h3 class="home__content-text">20% of sales at a wild bird shelter</h3> <a href="#shop"><button class="home__content-button">SHOP</button></a> </div> </section> <section class="about-us" id="aboutUs"> <div class="about-us__motto-box"> <div class="about-us__motto-box-divider"> <h3 class="about-us__motto-txt">Biologists say that birds are indicators of the environmental situation, and over the past half century, the population of seabirds has declined by 70%. Birds die due to environmental problems and human intervention in the natural environment.</h3> </div> <div class="about-us__motto-box-divider"> <h2 class="about-us__motto">If you choose the gifts of nature and care about it - scroll down</h2> </div> </div> <div class="about-us__box"> <div class="about-us__box-content"> <h1 class="about-us__title">About Our Brand</h1> <h3 class="about-us__text">Our brand cosmetics are made from natural ingredients and we are promoting them to the masses. Shampoo, hair conditioner, soap - in recycled paper. Creams, oils, washing products in glass containers with recycled paper labels. No synthetics and microplastics in cosmetics. And the packaging from it can be returned for recycling or reused.</h3> <h3 class="about-us__text">We are all neighbors of one big House. And we must protect what we have. Destroying everything around for the sake of consumerism and imaginary convenience, we destroy what does not belong to us. Be aware of your choice!</h3> <div class="learnMore"><a class="learnMore-link" href="#aboutMe">LEARN MORE</a></div> </div> <div class="about-us__box-img-box"> <img class="about-us__box-img" src="aboutOurBrandMain.bf009780.svg" alt="lavender candle"> </div> <div class="about-us__box-img-box-side"> <img class="about-us__box-img-side" src="aboutOurBrandSide.55cad163.svg" alt="lavender"> </div> </div> </section> <section class="shop" id="shop"> <h1 class="shop__title">SHOP</h1> <nav class="shop__nav"> <a class="shop__nav-link" href="#faceProducts">FACE</a> <a class="shop__nav-link" href="#bodyProducts">BODY</a> <a class="shop__nav-link" href="#hairProducts">HAIR</a> <a class="shop__nav-link" href="#candleProducts">CANDLES</a> </nav> <div class="shop__productCardsBox"> <div class="shop__productCard"> <img class="shop__productCard-img" src="productPic-1.c86e449f.svg" alt="product photo"> <div class="shop__content"> <div class="shop__productCard-textBox"> <h2 class="shop__productCard-text">Hydrophilic oil</h2> <h2 class="shop__productCard-text">Price: 24.99 PLN</h2> </div> </div> </div> <div class="shop__productCard-2"> <img class="shop__productCard-img" src="productPic-2.9ad7d9c5.svg" alt="product photo"> <div class="shop__content"> <div class="shop__productCard-textBox"> <h2 class="shop__productCard-text">ubtan</h2> <h2 class="shop__productCard-text">Price: 28.99 PLN</h2> </div> </div> </div> </div> <a href="#allProducts"><button class="shop-button">ALL PRODUCTS</button></a> </section> <section class="aboutMe" id="aboutMe"> <div class="aboutMe__contentBox"> <h1 class="aboutMe__title">about the creators</h1> <h3 class="aboutMe__text">My name is Szymon Pachucki, a highly motivated and passionate individual with a strong appetite for learning and a proven track record of working with various technologies. Skilled in web development, I have hands-on experience with React, TypeScript, JavaScript, HTML, CSS, and SCSS, as well as expertise in WordPress. Additionally, I have self-taught myself Angular and C++ in Visual Studio, showcasing my determination to broaden my skill set. Having spent considerable free time on self-education, I am adept at quickly adapting to new challenges and technologies. My time at an e-commerce company honed my ability to work effectively in a team and handle projects with strict deadlines, demonstrating my commitment to achieving goals. </h3> <div class="learnMore"><a class="learnMore-link" href="#aboutUs">LEARN MORE</a></div> <a href="#contact"><button class="aboutMe__button">TO CONTACT US</button></a> </div> <div class="aboutMe__imgBox"> <img class="aboutMe__img" src="aboutCreator.bcdc2ef5.svg" alt="bird photo"> </div> </section> <section class="powder"> <div> <h1 class="powder__title">Ayurvedic Tooth <br> Powder</h1> <div class="powder__demo"> <div class="powder__demo-ing"> <h3 class="powder__demo-ing-txt">Kaolin</h3> <h3 class="powder__demo-ing-txt">Sivak</h3> <h3 class="powder__demo-ing-txt">Calcium</h3> <h3 class="powder__demo-ing-txt">Licorice root</h3> <h3 class="powder__demo-ing-txt">Trumeric</h3> </div> <picture> <source media="(max-width: 767px)" srcset="Frame-small.31de588b.png"> <source media="(min-width: 768px) and (max-width: 1200px)" srcset="Frame-mid.09d121e6.png"> <source media="(min-width: 1201px)" srcset="Frame-big.9128b75b.png"> <img class="powder__demo-img" src="Frame-small.31de588b.png" alt="product photo"> </picture> </div> <div class="learnMore"><a class="learnMore-link" href="#aboutMe">LEARN MORE</a></div> </div> </section> <section class="pros"> <div class="pros__item"> <img class="pros__item-img" src="bird.8e1a1828.png" alt="bird icon"> <h3 class="pros__item-text">product packaging can be <br> recycled or reused</h3> </div> <div class="pros__item"> <img class="pros__item-img" src="recycle.fc436eb3.png" alt="recycle icon"> <h3 class="pros__item-text">only natural <br>ingredients</h3> </div> <div class="pros__item"> <img class="pros__item-img" src="eco.a7da06a4.png" alt="eco icon"> <h3 class="pros__item-text">No synthetics<br> and microplastics</h3> </div> </section> <section id="contact" class="contact"> <div> <h2 class="contact__title">Contact us</h2> <form class="contact__info-form" action="your-backend-url" method="POST" target="myFrame"> <h3 class="contact__text">We will help you choose a product that suits you and answer your other questions</h3> <input class="contact__info-form-element" type="text" placeholder="   Name" name="name" required> <input class="contact__info-form-element" type="email" placeholder="   Email" name="email" required> <textarea class="contact__info-form-message" placeholder="   Message" name="message" rows="1" required></textarea> <button class="contact__info-button" type="submit">Send a message</button> </form> </div> <img src="contactUS.0c122c2a.svg" alt="bird photo" class="contact__info-img"> </section> <footer class="footer"> <div class="footer__content"> <div class="footer__nav"> <a class="footer__nav-link" href="#shop">Shop<br></a> <a class="footer__nav-link" href="#contact">Contact<br></a> <a class="footer__nav-link" href="#aboutMe">About<br></a> <div class="footer__nav-social"> <a href="#contact"> <img class="footer__nav-social-img" src="facebook.5a519cbc.png" alt="facebook icon"> </a> <a href="#contact"> <img class="footer__nav-social-img" src="instagram.a12ea78b.png" alt="instagram icon"> </a> </div> </div> <div class="footer__contact"> <div class="footer__contact-linkBox"><a class="footer__contact-link" href="geo:37.7749,-122.4194"> Poland </a> </div> <div class="footer__contact-linkBox"><a class="footer__contact-link" href="mailto:[email protected]">[email protected]</a> </div> <div class="footer__contact-linkBox"><a class="footer__contact-link" href="tel:+48504838558">+48 504 838 558</a></div> </div> </div> <div class="footer__rightsBox"><h3 class="footer__rights">&copy;2019 witch of mountain winds</h3></div> </footer> <script type="text/javascript" src="main.ba031c2b.js"></script> <script>function e(){var e=document.getElementById("menu"),o=document.getElementById("cartBox");e&&o?e.classList.contains("open")?(e.classList.remove("open"),console.error("remove"),document.querySelector(".logo").style.display="flex",o.style.display="block",burger.style.display="none",home.style.display="block"):(e.classList.add("open"),console.error("add"),document.querySelector(".logo").style.display="none",o.style.display="none",burger.style.display="block",home.style.display="none"):console.error("Element 'menu' or 'cartBox' not found.")}function o(){cartBox.style.display="block",burger.style.display="none",home.style.display="block",document.querySelector(".logo").style.display="flex"}</script> </body></html>
diff --git a/instagram.a12ea78b.png b/instagram.a12ea78b.png
diff --git a/main.aa58eab6.css b/main.aa58eab6.css
diff --git a/main.aa58eab6.css.map b/main.aa58eab6.css.map
diff --git a/main.ba031c2b.js b/main.ba031c2b.js
diff --git a/main.ba031c2b.js.map b/main.ba031c2b.js.map
diff --git a/mainPhoto.46e1e0d3.svg b/mainPhoto.46e1e0d3.svg
diff --git a/menu.c7ee831b.png b/menu.c7ee831b.png
diff --git a/productPic-1.c86e449f.svg b/productPic-1.c86e449f.svg
diff --git a/productPic-2.9ad7d9c5.svg b/productPic-2.9ad7d9c5.svg
diff --git a/recycle.fc436eb3.png b/recycle.fc436eb3.png
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>witch of mountain winds</title><link rel="stylesheet" href="main.aa58eab6.css"><link rel="icon" type="image/x-icon" href="bird.8e1a1828.png"></head><body> <header class="header" id="home"> <div class="header__nav"> <div class="header__nav-imgBox"> <img id="menu" class="header__nav-img" src="menu.c7ee831b.png" alt="menu" onclick="toggleOpenClass()"> </div> <div class="header__nav-imgBox-logo"> <a href="#home"> <img class="header__nav-img" src="Union.060b2e91.png" alt="logo"> </a> </div> <h3 class="header__nav-title">witch of mountain winds</h3> <nav class="header__nav-navigation"> <a class="header__nav-navigation-link" href="#shop">Shop</a> <a class="header__nav-navigation-link" href="#contact">Contact</a> <a class="header__nav-navigation-link" href="#aboutMe">About</a> </nav> <div class="header__nav-imgBox" id="cartBox"> <img class="header__nav-img" src="cart.3026804c.png" alt="cart"> </div> </div> </header> <section id="burger" class="burger"> <div class="burger__imgBox"> <img id="close" class="burger__close" src="close.7dcf7e70.svg" alt="menu" onclick="toggleOpenClass()"> </div> <nav class="burger__nav"> <div class="burger__nav-linkBox"> <a class="burger__nav-link" href="#shop" onclick="handleBurgerNav()">Shop</a> </div> <div class="burger__nav-linkBox"> <a class="burger__nav-link" href="#contact" onclick="handleBurgerNav()">Contact</a> </div> <div class="burger__nav-linkBox"> <a class="burger__nav-link" href="#aboutMe" onclick="handleBurgerNav()">About</a> </div> </nav> </section> <section class="home"> <img class="home__img" src="mainPhoto.46e1e0d3.svg" alt="main page photo"> <div class="home__content"> <h1 class="home__content-title">Brand of eco-cosmetics and magic candles</h1> <h3 class="home__content-text">20% of sales at a wild bird shelter</h3> <a href="#shop"><button class="home__content-button">SHOP</button></a> </div> </section> <section class="about-us" id="aboutUs"> <div class="about-us__motto-box"> <div class="about-us__motto-box-divider"> <h3 class="about-us__motto-txt">Biologists say that birds are indicators of the environmental situation, and over the past half century, the population of seabirds has declined by 70%. Birds die due to environmental problems and human intervention in the natural environment.</h3> </div> <div class="about-us__motto-box-divider"> <h2 class="about-us__motto">If you choose the gifts of nature and care about it - scroll down</h2> </div> </div> <div class="about-us__box"> <div class="about-us__box-content"> <h1 class="about-us__title">About Our Brand</h1> <h3 class="about-us__text">Our brand cosmetics are made from natural ingredients and we are promoting them to the masses. Shampoo, hair conditioner, soap - in recycled paper. Creams, oils, washing products in glass containers with recycled paper labels. No synthetics and microplastics in cosmetics. And the packaging from it can be returned for recycling or reused.</h3> <h3 class="about-us__text">We are all neighbors of one big House. And we must protect what we have. Destroying everything around for the sake of consumerism and imaginary convenience, we destroy what does not belong to us. Be aware of your choice!</h3> <div class="learnMore"><a class="learnMore-link" href="#aboutMe">LEARN MORE</a></div> </div> <div class="about-us__box-img-box"> <img class="about-us__box-img" src="aboutOurBrandMain.bf009780.svg" alt="lavender candle"> </div> <div class="about-us__box-img-box-side"> <img class="about-us__box-img-side" src="aboutOurBrandSide.55cad163.svg" alt="lavender"> </div> </div> </section> <section class="shop" id="shop"> <h1 class="shop__title">SHOP</h1> <nav class="shop__nav"> <a class="shop__nav-link" href="#faceProducts">FACE</a> <a class="shop__nav-link" href="#bodyProducts">BODY</a> <a class="shop__nav-link" href="#hairProducts">HAIR</a> <a class="shop__nav-link" href="#candleProducts">CANDLES</a> </nav> <div class="shop__productCardsBox"> <div class="shop__productCard"> <img class="shop__productCard-img" src="productPic-1.c86e449f.svg" alt="product photo"> <div class="shop__content"> <div class="shop__productCard-textBox"> <h2 class="shop__productCard-text">Hydrophilic oil</h2> <h2 class="shop__productCard-text">Price: 24.99 PLN</h2> </div> </div> </div> <div class="shop__productCard-2"> <img class="shop__productCard-img" src="productPic-2.9ad7d9c5.svg" alt="product photo"> <div class="shop__content"> <div class="shop__productCard-textBox"> <h2 class="shop__productCard-text">ubtan</h2> <h2 class="shop__productCard-text">Price: 28.99 PLN</h2> </div> </div> </div> </div> <a href="#allProducts"><button class="shop-button">ALL PRODUCTS</button></a> </section> <section class="aboutMe" id="aboutMe"> <div class="aboutMe__contentBox"> <h1 class="aboutMe__title">about the creators</h1> <h3 class="aboutMe__text">My name is Szymon Pachucki, a highly motivated and passionate individual with a strong appetite for learning and a proven track record of working with various technologies. Skilled in web development, I have hands-on experience with React, TypeScript, JavaScript, HTML, CSS, and SCSS, as well as expertise in WordPress. Additionally, I have self-taught myself Angular and C++ in Visual Studio, showcasing my determination to broaden my skill set. Having spent considerable free time on self-education, I am adept at quickly adapting to new challenges and technologies. My time at an e-commerce company honed my ability to work effectively in a team and handle projects with strict deadlines, demonstrating my commitment to achieving goals. </h3> <div class="learnMore"><a class="learnMore-link" href="#aboutUs">LEARN MORE</a></div> <a href="#contact"><button class="aboutMe__button">TO CONTACT US</button></a> </div> <div class="aboutMe__imgBox"> <img class="aboutMe__img" src="aboutCreator.bcdc2ef5.svg" alt="bird photo"> </div> </section> <section class="powder"> <div> <h1 class="powder__title">Ayurvedic Tooth <br> Powder</h1> <div class="powder__demo"> <div class="powder__demo-ing"> <h3 class="powder__demo-ing-txt">Kaolin</h3> <h3 class="powder__demo-ing-txt">Sivak</h3> <h3 class="powder__demo-ing-txt">Calcium</h3> <h3 class="powder__demo-ing-txt">Licorice root</h3> <h3 class="powder__demo-ing-txt">Trumeric</h3> </div> <picture> <source media="(max-width: 767px)" srcset="Frame-small.31de588b.png"> <source media="(min-width: 768px) and (max-width: 1200px)" srcset="Frame-mid.09d121e6.png"> <source media="(min-width: 1201px)" srcset="Frame-big.9128b75b.png"> <img class="powder__demo-img" src="Frame-small.31de588b.png" alt="product photo"> </picture> </div> <div class="learnMore"><a class="learnMore-link" href="#aboutMe">LEARN MORE</a></div> </div> </section> <section class="pros"> <div class="pros__item"> <img class="pros__item-img" src="bird.8e1a1828.png" alt="bird icon"> <h3 class="pros__item-text">product packaging can be <br> recycled or reused</h3> </div> <div class="pros__item"> <img class="pros__item-img" src="recycle.fc436eb3.png" alt="recycle icon"> <h3 class="pros__item-text">only natural <br>ingredients</h3> </div> <div class="pros__item"> <img class="pros__item-img" src="eco.a7da06a4.png" alt="eco icon"> <h3 class="pros__item-text">No synthetics<br> and microplastics</h3> </div> </section> <section id="contact" class="contact"> <div> <h2 class="contact__title">Contact us</h2> <form class="contact__info-form" action="your-backend-url" method="POST" target="myFrame"> <h3 class="contact__text">We will help you choose a product that suits you and answer your other questions</h3> <input class="contact__info-form-element" type="text" placeholder=" Name" name="name" required> <input class="contact__info-form-element" type="email" placeholder=" Email" name="email" required> <textarea class="contact__info-form-message" placeholder=" Message" name="message" rows="1" required></textarea> <button class="contact__info-button" type="submit">Send a message</button> </form> </div> <img src="contactUS.0c122c2a.svg" alt="bird photo" class="contact__info-img"> </section> <footer class="footer"> <div class="footer__content"> <div class="footer__nav"> <a class="footer__nav-link" href="#shop">Shop<br></a> <a class="footer__nav-link" href="#contact">Contact<br></a> <a class="footer__nav-link" href="#aboutMe">About<br></a> <div class="footer__nav-social"> <a href="#contact"> <img class="footer__nav-social-img" src="facebook.5a519cbc.png" alt="facebook icon"> </a> <a href="#contact"> <img class="footer__nav-social-img" src="instagram.a12ea78b.png" alt="instagram icon"> </a> </div> </div> <div class="footer__contact"> <div class="footer__contact-linkBox"><a class="footer__contact-link" href="geo:37.7749,-122.4194"> Poland </a> </div> <div class="footer__contact-linkBox"><a class="footer__contact-link" href="mailto:[email protected]">[email protected]</a> </div> <div class="footer__contact-linkBox"><a class="footer__contact-link" href="tel:+48504838558">+48 504 838 558</a></div> </div> </div> <div class="footer__rightsBox"><h3 class="footer__rights">©2019 witch of mountain winds</h3></div> </footer> <script type="text/javascript" src="main.ba031c2b.js"></script> <script>function e(){var e=document.getElementById("menu"),o=document.getElementById("cartBox");e&&o?e.classList.contains("open")?(e.classList.remove("open"),console.error("remove"),document.querySelector(".logo").style.display="flex",o.style.display="block",burger.style.display="none",home.style.display="block"):(e.classList.add("open"),console.error("add"),document.querySelector(".logo").style.display="none",o.style.display="none",burger.style.display="block",home.style.display="none"):console.error("Element 'menu' or 'cartBox' not found.")}function o(){cartBox.style.display="block",burger.style.display="none",home.style.display="block",document.querySelector(".logo").style.display="flex"}</script> </body></html>