-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1 lines (1 loc) · 9.34 KB
/
index.html
1
<!doctype html><html lang="en"><head><meta charset="UTF-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta http-equiv="X-UA-Compatible" content="ie=edge"/><title>Plants</title><link rel="apple-touch-icon" sizes="180x180" href="./assets/images/fav-icons/apple-touch-icon.png"/><link rel="icon" type="image/png" sizes="32x32" href="./assets/images/fav-icons/favicon-32x32.png"/><link rel="icon" type="image/png" sizes="16x16" href="./assets/images/fav-icons/favicon-16x16.png"/><link rel="manifest" href="./site.webmanifest"/><link rel="mask-icon" href="./assets/images/fav-icons/safari-pinned-tab.svg" color="#5bbad5"/><link rel="shortcut icon" href="./assets/images/fav-icons/favicon.ico"/><meta name="msapplication-TileColor" content="#da532c"/><meta name="msapplication-config" content="./browserconfig.xml"/><meta name="theme-color" content="#ffffff"/><script defer="defer" src="502b14025c04622047aa.js"></script><link href="64254c19b14bb11918ed.css" rel="stylesheet"></head><body><div class="header" id="header"><div class="container"><div class="header__inner"><div class="logo"><a href="#header"><svg width="20px" height="20px"><use href="assets/images/svg/1dc19eb5e537ba910846.svg#logo"></use></svg></a><p><a href="#">Plants</a></p></div><nav class="nav"><ul class="nav__list"><li class="nav__item"><a href="#welcome">Home</a></li><li class="nav__item"><a href="#about">About us</a></li><li class="nav__item"><a href="#service">Service</a></li><li class="nav__item"><a href="#prices">Price</a></li><li class="nav__item"><a href="#contacts">Contacts</a></li></ul></nav><div class="burger"><span class="burger__line"></span> <span class="burger__line"></span> <span class="burger__line"></span> <span class="burger__line"></span></div></div></div></div><main class="main"><section class="welcome" id="welcome"><div class="container"><div class="welcome__inner"><img class="welcome__image" src="assets/images/pictures/c8f59132f3fc1053b1e4.png" alt="leaf" loading="lazy"/><div class="welcome__info"><h1 class="welcome__info-title">We grow <span class="welcome__info-title_green">plants</span> and give you oxygen</h1><p class="welcome__info-subtitle">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s.</p><button class="welcome__info-btn">LEARN MORE</button></div></div></div></section><section class="about" id="about"><div class="container"><div class="about__inner"><div class="about__info"><h2 class="about__info-title title">We are <span class="about__info-title_orange">professional experienced</span> gardeners</h2><p class="about__info-subtitle">Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged.</p></div><img class="about__info-image" src="assets/images/pictures/004f00a2c872f85a99c0.png" alt="plants" loading="lazy"/></div></div></section><section class="service" id="service"><div class="container"><div class="service__inner"><div class="service__control"><h3 class="service__control-title title">Service and our projects</h3><div class="service__control-buttons"><button class="service__control-btn btn" data-value="gardeners">Gardens</button> <button class="service__control-btn btn" data-value="lawn">Lawn</button> <button class="service__control-btn btn" data-value="planting">Planting</button></div></div><div class="service__cards service__cards_big"><figure class="service__cards-figure"><img class="service__cards-image" src="#" alt="image-one" loading="lazy"/><figcaption class="figcaption"><p class="figcaption__title">Garden care</p><p class="figcaption__subtitle">Lorem Ipsum has been the industry</p></figcaption></figure><figure class="service__cards-figure"><img class="service__cards-image" src="#" alt="image-two" loading="lazy"/><figcaption class="figcaption"><p class="figcaption__title">Planting</p><p class="figcaption__subtitle">Lorem Ipsum has been the industry</p></figcaption></figure><figure class="service__cards-figure"><img class="service__cards-image" src="#" alt="image-three" loading="lazy"/><figcaption class="figcaption"><p class="figcaption__title">Lawn care</p><p class="figcaption__subtitle">Lorem Ipsum has been the industry</p></figcaption></figure><figure class="service__cards-figure"><img class="service__cards-image" src="#" alt="image-four" loading="lazy"/><figcaption class="figcaption"><p class="figcaption__title">Planting</p><p class="figcaption__subtitle">Lorem Ipsum has been the industry</p></figcaption></figure><figure class="service__cards-figure"><img class="service__cards-image" src="#" alt="image-five" loading="lazy"/><figcaption class="figcaption"><p class="figcaption__title">Garden care</p><p class="figcaption__subtitle">Lorem Ipsum has been the industry</p></figcaption></figure><figure class="service__cards-figure"><img class="service__cards-image" src="#" alt="image-six" loading="lazy"/><figcaption class="figcaption"><p class="figcaption__title">Planting</p><p class="figcaption__subtitle">Lorem Ipsum has been the industry</p></figcaption></figure></div></div></div></section><section class="prices" id="prices"><div class="container"><div class="prices__inner"><div class="tariff"><h3 class="tariff__title">Prices</h3><div class="tariff__buttons"><div class="tariff__buttons-btn"><p class="tariff__buttons-title">Basics</p><span class="tariff__buttons-svg"><svg width="4.502" height="2.502"><path d="M2.25 2.25l-2-2M2.25 2.25l2-2" stroke="#717171" stroke-width=".5" stroke-linecap="round"/></svg></span><p class="tariff__buttons-text">Release of Letraset sheets containing Lorem Ipsum passages, and more recently</p><p class="tariff__buttons-price"><span class="tariff__buttons-price_orange">$</span><span class="tariff__buttons-price_orange">15</span> / per hour</p><a class="tariff__buttons-order" href="#contacts">Order</a></div><div class="tariff__buttons-btn"><p class="tariff__buttons-title">Standard</p><span class="tariff__buttons-svg"><svg width="4.502" height="2.502"><path d="M2.25 2.25l-2-2M2.25 2.25l2-2" stroke="#717171" stroke-width=".5" stroke-linecap="round"/></svg></span><p class="tariff__buttons-text">Release of Letraset sheets containing Lorem Ipsum passages, and more recently</p><p class="tariff__buttons-price"><span class="tariff__buttons-price_orange">$</span><span class="tariff__buttons-price_orange">25</span> / per hour</p><a class="tariff__buttons-order" href="#contacts">Order</a></div><div class="tariff__buttons-btn"><p class="tariff__buttons-title">Pro care</p><span class="tariff__buttons-svg"><svg width="4.502" height="2.502"><path d="M2.25 2.25l-2-2M2.25 2.25l2-2" stroke="#717171" stroke-width=".5" stroke-linecap="round"/></svg></span><p class="tariff__buttons-text">Release of Letraset sheets containing Lorem Ipsum passages, and more recently</p><p class="tariff__buttons-price"><span class="tariff__buttons-price_orange">$</span> <span class="tariff__buttons-price_orange">35</span> / per hour</p><a class="tariff__buttons-order" href="#contacts">Order</a></div></div></div><div class="prices__contacts"><h3 class="prices__contacts-title">Our best <span class="prices__contacts-title_green">gardeners </span>are ready to help you</h3><button class="prices__contacts-btn btn">Contact us</button> <img class="prices__contacts-img" src="assets/images/pictures/5db1d1bba09ef9c26326.png" alt="prices-image" loading="lazy"/></div></div></div></section><section class="contacts" id="contacts"><div class="container"><div class="contacts__inner"><h3 class="contacts__title">Contact us</h3><img class="contacts__image" src="assets/images/pictures/85e73c7becaff027538a.png" alt=""/><div class="contacts__details-wrapper"><details class="contacts__details"><summary class="contacts__details-summary"><span>City</span> <svg class="contacts__details-svg" width="16px" height="16px"><use href="assets/images/svg/ea79a07fb5cbcfb4b425.svg#contacts-btn"></use></svg></summary><div class="contacts__details-bottom"><details class="contacts__details-inner"><summary class="contacts__details-inner-summary" data-value="0">Canandaigua, NY</summary></details><details class="contacts__details-inner"><summary class="contacts__details-inner-summary" data-value="1">New York City</summary></details><details class="contacts__details-inner"><summary class="contacts__details-inner-summary" data-value="2">Yonkers, NY</summary></details><details class="contacts__details-inner"><summary class="contacts__details-inner-summary" data-value="3">Sherrill, NY</summary></details></div></details><div class="contacts__popUp"><div class="contacts__popUp-wrapper"><div class="contacts__popUp-info"><p>City:</p><p>Phone:</p><p>Office adress:</p></div><div class="contacts__popUp-value"><p>Canandaigua, NY</p><p>+1 585 393 0001</p><p>151 Charlotte Street</p><a class="contacts__popUp-link" href="">Call us</a></div></div></div></div></div></div></section></main><footer class="footer"><div class="container"><div class="footer__inner"><a href="https://github.com/W0x3R"><div class="footer__github-link"><p>©</p><p>Stanislau Vyrski</p></div></a><p class="footer__date">2024</p><a class="footer__rss-link" href="https://rs.school/"><p>Rolling Scopes School</p></a></div></div></footer></body></html>