Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en" dir="ltr">
- <head>
- <meta charset="utf-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <title>Main</title>
- <link rel="stylesheet" href="./css/style.css">
- </head>
- <body>
- <div class="top-line">
- <div class="container">
- <div class="row">
- <div class="top-line--content">
- <p>Help</p>
- <p>Contact</p>
- <p>Delivery</p>
- <p>Information</p>
- </div>
- <div class="top-line--content2">
- <img src="./imgs/icons/phone-icon.png" style="padding-right: 10px;">
- <p>Call us : 032 2352 782</p>
- </div>
- </div>
- </div>
- </div>
- <div class="menu-top">
- <div class="container">
- <div class="row">
- <div class="menu-top--content">
- <img src="./imgs/logo.png">
- </div>
- <div class="menu-top--content2">
- <div class="login-button">LOGIN</div>
- <div class="register-button">REGISTER</div>
- <img src="./imgs/icons/shopping--icon.png" style="height: 25px; margin-top: 15px;">
- <p>My Cart ( 0 ) : $0</p>
- <div class="checkout-button">CHECKOUT</div>
- </div>
- <div class="burger-menu">
- <img src="./imgs\hamburger_icon.png" class="burger-menu_png">
- </div>
- </div>
- </div>
- </div>
- <div class="menu-block">
- <div class="container">
- <div class="menu-content">
- <p>HOME</p>
- <p>NEW ARRIVALS</p>
- <p>TUXEDO</p>
- <p>SWEATER</p>
- <p>SHOES</p>
- <p>GLASSES</p>
- <p>T-SHIRT</p>
- <p>WATCHES</p>
- </div>
- </div>
- </div>
- <div class="features-block">
- <div class="container">
- <div class="row_n1">
- <div class="featured-item new_arrivals">
- <div class="look-button">TAKE A LOOK</div>
- <h2>NEW ARRIVALS</h2>
- <p>REVIVE YOUR WARDROBE WITH CHIC KNITS</p>
- </div>
- <div class="featured-item tuxedo">
- <div class="look-button">TAKE A LOOK</div>
- <h2>NEW ARRIVALS</h2>
- <p>REVIVE YOUR WARDROBE WITH CHIC KNITS</p>
- </div>
- </div>
- <div class="row_n2">
- <div class="featured-item sweater">
- <div class="look-button">TAKE A LOOK</div>
- <h2>NEW ARRIVALS</h2>
- <p>REVIVE YOUR WARDROBE WITH CHIC KNITS</p>
- </div>
- <div class="featured-item shoes">
- <div class="look-button">TAKE A LOOK</div>
- <h2>NEW ARRIVALS</h2>
- <p>REVIVE YOUR WARDROBE WITH CHIC KNITS</p>
- </div>
- </div>
- <div class="row_n3">
- <div class="featured-item glasses">
- <div class="look-button">TAKE A LOOK</div>
- <h2>NEW ARRIVALS</h2>
- <p>REVIVE YOUR WARDROBE WITH CHIC KNITS</p>
- </div>
- <div class="featured-item t-shirt">
- <div class="look-button">TAKE A LOOK</div>
- <h2>NEW ARRIVALS</h2>
- <p>REVIVE YOUR WARDROBE WITH CHIC KNITS</p>
- </div>
- <div class="featured-item watches">
- <div class="look-button">TAKE A LOOK</div>
- <h2>NEW ARRIVALS</h2>
- <p>REVIVE YOUR WARDROBE WITH CHIC KNITS</p>
- </div>
- </div>
- </div>
- </div>
- <div class="special-offers--block">
- <div class="container">
- <div class="offers-introduction">
- <div class="line"></div>
- <div class="offer-text">Special Offers</div>
- </div>
- <div class="offer_row">
- <div class="offer-item" style="padding-left: 50px;">
- <h2>Lorem ipsum dolor</h2>
- <h3>VIEW</h3>
- </div>
- <div class="offer-item">
- <h2>Lorem ipsum dolor</h2>
- <h3>VIEW</h3>
- </div>
- <div class="offer-item">
- <h2>Lorem ipsum dolor</h2>
- <h3>VIEW</h3>
- </div>
- <div class="offer-item">
- <h2>Lorem ipsum dolor</h2>
- <h3>VIEW</h3>
- </div>
- </div>
- </div>
- </div>
- <div class="footer">
- <div class="container">
- <div class="social">
- <div class="social-item">
- <h2>FOLLOW US ON</h2>
- <img src="./imgs/social.png" style="padding-top: 35px;">
- </div>
- <div class="social-item" style="position: relative;">
- <input type="email" name="email" placeholder="Enter your email to join our newsletter" class="email-input">
- <div class="join-button">JOIN</div>
- </div>
- </div>
- <div class="info-block">
- <div class="info-content">
- <h2>CUSTOMER CARE</h2>
- <p>Help Center</p>
- <p>FAQ</p>
- <p>How To Buy</p>
- <p>Delivery</p>
- </div>
- <div class="info-content">
- <h2>CUSTOMER CARE</h2>
- <p>Help Center</p>
- <p>FAQ</p>
- <p>How To Buy</p>
- <p>Delivery</p>
- </div>
- <div class="info-content">
- <h2>CUSTOMER CARE</h2>
- <p>Help Center</p>
- <p>FAQ</p>
- <p>How To Buy</p>
- <p>Delivery</p>
- </div>
- <div class="info-content">
- <h2>CUSTOMER CARE</h2>
- <p>Help Center</p>
- <p>FAQ</p>
- <p>How To Buy</p>
- <p>Delivery</p>
- </div>
- <h3>© 2018 Temo Guseinov</h3>
- </div>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement