[html5] html

Viewer

*** This page was generated with the meta tag "noindex, nofollow". This happened because you selected this option before saving or the system detected it as spam. This means that this page will never get into the search engines and the search bot will not crawl it. There is nothing to worry about, you can still share it with anyone.

copy download embed printName: html

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" contentContainerContainer="IE=edge">
<meta name="viewport" contentContainerContainer="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css">
<link href='https://unpkg.com/[email protected]/icons/css/coffee.css' rel='stylesheet'>
<link href='https://unpkg.com/[email protected]/icons/css/edit-fade.css' rel='stylesheet'>
<link href='https://unpkg.com/[email protected]/icons/css/arrow-left-o.css' rel='stylesheet'>
<link href='https://unpkg.com/[email protected]/icons/css/maximize.css' rel='stylesheet'>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins&display=swap" rel="stylesheet">
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" contentContainer="IE=edge">
<meta name="viewport" contentContainer="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:[email protected];400;500;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">
<link rel="stylesheet"
href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,[email protected],100..700,0..1,-50..200" />
<link rel="stylesheet" href="./CSS/categories.css" />
<style>
.material-symbols-outlined {
font-variation-settings:
'FILL' 0,
'wght' 400,
'GRAD' 0,
'opsz' 48
}
</style>
<link rel="stylesheet" href="./CSS/style.css">
<link rel="stylesheet" href="./CSS/cartsidebar.css">
<link rel="stylesheet" href="./CSS/categories.css" />
<link rel="stylesheet" href="./CSS/furniture.css" />
<link rel="stylesheet" href="./CSS/cartsidebar.css">
<link rel="stylesheet" href="./CSS/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://cdn.lordicon.com/ritcuqlt.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.3.0/css/all.min.css" integrity="sha512-SzlrxWUlpfuzQ+pcUCosxcglQRNAq/DZjVsC0lE40xsADsfeQoEypE+enwcOiGjk/bSuGGKHEyjSoQ1zVisanQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
</head>
<body>
<div class="header">
<div class="row-1">
<div class="container">
<div class="announcement">
<p class="white">Free Delivery & Assembly in Cairo & Giza</p>
</div>
</div>
</div>
<div class="row-2">
<div class="container">
<div class="announcement">
<p class="black">Winter Sale Discount <strong class="strong1">40%</strong> off <a class="shop-now" href="#"
title="All Products">Shop Now</a></p>
</div>
</div>
</div>
<div class="container-1">
<div class="row-3">
<div class="col-1">
<div class="col-11">
<a href="index.html"><img class="im" style="padding: 0 5px;" src="./Images/logo.png"alt="FRNTR" width="85px" height="95px"></a>
</div>
</div>
<div class="col-2">
<div class="col-22">
<nav class="nav1">
<button class="dropbtn"><a class="anor" href="#">Furniture</a>
<div class="content">
<a class="anor" href="#">Sofas</a>
<a class="anor" href="#">Beds</a>
<a class="anor" href="#">Arm chairs</a>
<a class="anor" href="#">Chaise Lounges</a>
<a class="anor" href="#">Ottmans & Benches</a>
<a class="anor" href="#">outdoor Furniture</a>
<a class="anor" href="#">Living Room Sets</a>
<a class="anor" href="#">Space Friendly</a>
<a class="anor" href="#">Kids Furniture</a>
<a class="anor" href="#">Bean Bags</a>
<a class="anor" href="#">Pets Furniture</a>
</div>
<button class="dropbtn"><a class="anor" href="#">Storage & Display</a>
<div class="content">
<a class="anor" href="#">Dressers</a>
<a class="anor" href="#">TV Units</a>
<a class="anor" href="#">Consoles</a>
<a class="anor" href="#">Make-up-Vanity</a>
</div>
</button>
<button class="dropbtn"><a class="anor" href="#">Tables</a>
<div class="content">
<a class="anor" href="#">Night Tables</a>
<a class="anor" href="#">Coffee Tables</a>
<a class="anor" href="#">Stands</a>
<a class="anor" href="#">Night Stands</a>
</div>
</button>
<button class="dropbtn"><a class="anor" href="#">Walls Nation Moods</a>
<div class="content">
<a class="anor" href="#">Modern</a>
<a class="anor" href="#">Boho</a>
</div>
</button>
</nav>
</div>
</div>
<div class="col-3">
<div class="col-33">
<nav class="nav11">
<ul>
<button class="side-btn" onclick=></button><i class="material-icons">search</i></button>
<button class="side-btn" onclick="signOpen()"><i class="material-icons">person</i></button>
<button class="side-btn" onclick=></button><i class="material-icons">favorite</i></button>
<button class="side-btn" onclick="cartOpen()"><i class="material-icons">shopping_cart</i></button>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
<div id="sidebar-1" class="sidebar">
<div class="insidesidebar">
<div class="title1">
<span id="log">LOGIN</span>
<button class="side-btn1"><i class="material-icons" onclick="signclose()">close</i></button>
</div>
</div>
<div class="sign">
<form name="sign-in" action="#" method="get" onsubmit="return validate1(this)">
<input id="ema1" type="email" class="element" name="email" placeholder="Email" >
<div id="em1" class="err1"></div>
<input id="pas1"style="margin-top: 10px; margin-bottom: 5px;" type="password" class="element" name="pas" placeholder="Password">
<div id="passwor" class="err1"></div>
<span class="forgot"><button class="forgot1" name="forgotpassword" onclick="openforgotsidebar()">Forgot your password?</button></span><br>
<input class="sub" type="submit" value="Sign In"><br>
<a href="Sign Up.html" class="forgot">New customer? Create your account</a>
</form>
</div>
</div>
<div id="forgotsidebar" class="sidebar">
<div class="insidesidebar">
<div class="firstline1">
<span id="log">RESET PASSWORD</span>
<button class="side-btn1" id="btnfor"><i class="material-icons" onclick="forgotclose()">close</i></button>
</div>
</div>
<div class="sign">
<div> <p id="p11">Lost your password? Please enter your email address.
You will receive a link to create a new password via email.</p></div>
<form name="sign-in" action="#" method="get" onsubmit="return validate1(this)">
<input id="ema1" type="email" class="element" name="email" placeholder="Email Address" required >
<div id="em1" class="err1"></div>
<input class="sub" type="submit" value="Reset Password"><br>
<a class="forgot" onclick="backtosidebar()">Cancel</a>
</form>
</div>
</div>
<div id="cartsidebar">
<div id="insidecart">
<div id="firstline">
<span id = "cartName">Shopping Cart</span>
<button id ="CloseButton" onclick="cartClose()"><span class="material-icons">close</span></button>
</div>
<div id="listOfItems">
<div id = "checkoutItem">
<div id = "imageOfItem">
<img src="./Images/AcadiaChaise.webp" width="140px" height="140px">
</div>
<div id="itemDetails">
<p id="itemName">Acadia Chaise Lounge / 183 x 83 CM Velvet Upholstery</p>
<p id="itemAttributes">Velvet Mondo (V901-17)</p> <br>
<div id="priceContainer"><span id="priceBeforeSale">8,870</span> <span id="priceAfterSale"> 5,390</span></div><br>
<div id="buttonsContainer">
<button class="material-symbols-outlined" id="trashBar" onclick="removeItemCart()">delete</button><span id = "totalAmountBar" >1</span><button class="material-symbols-outlined" id="plusBar" onclick="addItemCart()">add</button>
</div>
<div>
<span>Delete item: </span><button class="material-symbols-outlined" id="trashBarDelete">delete</button>
</div>
</div>
</div>
<div class="checkoutSidebarBottom">
<div class="addOrderStuff">
<input type="text" placeholder="Add order note" id="addNote"><br>
<input type="text" placeholder="Add coupon code" id="addCoupon">
</div>
<div class="subtotalContainer">
<span id="subtotalMessage">Subtotal:</span><span id="subtotalPrice">5,390 EGP</span>
</div>
<div class="acceptTermsContainer">
<span style="float: left;">
<input type="checkbox" id="checkboxid"><span id="agreewithterms">I agree with the terms and conditions.</span>
</span>
</div>
<div class="viewandcheckcontainer">
<button id="viewcart">
<a href="cart.html">View Cart</a>
</button>
<button id="checkout">
Checkout
</button>
</div>
</div>
</div>
</div>
</div>
<div style="text-align: center;" data-mce-fragment="1" data-mce-style="text-align: center;">
<img class="sofaMainFarrah" src="./Images/sofas_main.jpg" ></div>
<div class="gallery">
<div class="contentContainer">
<img class="productImage" src="./Images/pic1.webp" alt="">
<h3 class="sofa">Beige Sofa</h3>
<p class="description">Dijon Chesterfield 2S. Sofa/Majlis Linen Upholstery </p>
<h6>$100.00</h6>
<ul class="rating">>
<li> <i class="fa fa-star checked" ></i></li>
<li> <i class="fa fa-star checked"></i></li>
<li> <i class="fa fa-star checked"></i></li>
<li> <i class="fa fa-star checked"></i></li>
<li> <i class="fa fa-star"></i></li>
<li> <i class="fa fa-star"></i></li>
</ul>
<button class="buy-1">Buy Now</button>
</div>
<div class="contentContainer">
<img class="productImage" src="./Images/pic2.jpeg" alt="">
<h3 class="sofa">Grey Sofa</h3>
<p class="description">Leonie Design Sofa / 125 x 94 CM Linen Upholstery. </p>
<h6>$56.00</h6>
<ul class="rating">>
<li> <i class="fa fa-star checked" ></i></li>
<li> <i class="fa fa-star checked"></i></li>
<li> <i class="fa fa-star checked"></i></li>
<li> <i class="fa fa-star checked"></i></li>
<li> <i class="fa fa-star checked"></i></li>
<li> <i class="fa fa-star"></i></li>
</ul>
<button class="buy-1">Buy Now</button>
</div>
<div class="contentContainer">
<img class="productImage" src="./Images/pic3.webp" alt="">
<h3 class="sofa">Pink Sofa</h3>
<p class="description">Dijon Chesterfield 2S. Sofa/Majlis Linen Upholstery </p>
<h6>$100.00</h6>
<ul class="rating">>
<li> <i class="fa fa-star checked" ></i></li>
<li> <i class="fa fa-star checked"></i></li>
<li> <i class="fa fa-star checked"></i></li>
<li> <i class="fa fa-star checked"></i></li>
<li> <i class="fa fa-star"></i></li>
<li> <i class="fa fa-star"></i></li>
</ul>
<button class="buy-1">Buy Now</button>
</div>
<div class="contentContainer">
<img class="productImage" src="./Images/pic4.webp" alt="">
<h3 class="sofa">Green Sofa</h3>
<p class="description">Akira 2S. Sofa / Jade Finish 140 L x 65 D CM</p>
<h6>$400.00</h6>
<ul class="rating">
<li> <i class="fa fa-star checked" ></i></li>
<li> <i class="fa fa-star checked"></i></li>
<li> <i class="fa fa-star checked"></i></li>
<li> <i class="fa fa-star checked"></i></li>
<li> <i class="fa fa-star checked"></i></li>
<li> <i class="fa fa-star"></i></li>
</ul>
<button class="buy-1">Buy Now</button>
</div>
</div>
</body>
</html>

Editor

You can edit this paste and save as new:

fullscreen copy clear

Syntax Highlighting

Title / Paste Name

Meta robots tag

reCaptcha

File Description

html
Paste Code
23 Mar-2023
14.54 Kb

You can Share it:

Latest Code Pastes

Full list

Tools

[html5] html

Viewer

Editor