File: /home/aliazzsr/html.vqode.com/page-code/index.html
<!DOCTYPE html>
<html lang="en" class="scroll-smooth">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>
Code
</title>
<link
rel="shortcut icon"
href="assets/images/favicon.png"
type="image/x-icon"
/>
<link rel="stylesheet" href="assets/css/custom.css" />
<!-- ==== Poppins Font ==== -->
<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=Raleway:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet">
</head>
<body class="bg-light">
<div class="container">
<!-- ==== Section 1 Start ==== -->
<div class="bg-white">
<div class="flex">
<div>
<h2>Astronomical Telescope HD</h2>
<p>80mm Aperture, Portable 500mm Refracting Telescope (25X-250X) with an Adjustable Tripod, a Bag, a Phone Adapter & a Wireless Remote, along with Original Packing.</p>
<div class="flex sm-none">
<div>
<h6 class="title">Brand</h6>
<h4 class="brand">ABOTEC</h4>
</div>
<div>
<h6 class="title">Condition</h6>
<h4 class="brand">10/10</h4>
</div>
<div>
<h6 class="title">Availability</h6>
<h4 class="brand">Immediate</h4>
</div>
<div>
<h6 class="title">Status</h6>
<h4 class="brand">Available</h4>
</div>
</div>
<div class="sm-flex web-none">
<div>
<h6 class="title">Brand</h6>
<h4 class="brand">ABOTEC</h4>
</div>
<div>
<h6 class="title">Condition</h6>
<h4 class="brand">10/10</h4>
</div>
</div>
<div class="sm-flex web-none margin-top">
<div>
<h6 class="title">Availability</h6>
<h4 class="brand">Immediate</h4>
</div>
<div>
<h6 class="title">Status</h6>
<h4 class="brand">Available</h4>
</div>
</div>
</div>
<div class="sm-none">
<div class="price-tile">
<h5>Price</h5>
<h6>AED</h6>
<h3>525</h3>
</div>
</div>
</div>
<div class="d-flex margin-top">
<div class="margin-right">
<div>
<img class="w-100 margin-top" src="assets/images/img1.png">
</div>
<div>
<img class="w-100 margin-top w47 margin-right" src="assets/images/img2.png">
<img class="w-100 margin-top w47" src="assets/images/img3.png">
</div>
</div>
<div class="margin-right">
<div>
<img class="w-100 margin-top" src="assets/images/img4.png">
</div>
<div>
<img class="w-100 margin-top" src="assets/images/img5.png">
</div>
</div>
<div>
<div>
<img class="w-100 margin-top" src="assets/images/img6.png">
</div>
</div>
</div>
<div class="web-none margin-top">
<div class="sm-price-color">
<div class="sm-flex center item-senter">
<div class="sm-flex item-senter">
<h6 class="white">AED</h6>
<h3 class="sm-size white">525</h3>
</div>
</div>
</div>
</div>
</div>
<!-- ==== Section 1 End ==== -->
<!-- ==== Section 2 Start ==== -->
<div class="bg-white">
<div class="flex">
<div>
<h2>Astronomical Telescope HD</h2>
<p>80mm Aperture, Portable 500mm Refracting Telescope (25X-250X) with an Adjustable Tripod, a Bag, a Phone Adapter & a Wireless Remote, along with Original Packing.</p>
<div class="flex sm-none">
<div>
<h6 class="title">Brand</h6>
<h4 class="brand">ABOTEC</h4>
</div>
<div>
<h6 class="title">Condition</h6>
<h4 class="brand">10/10</h4>
</div>
<div>
<h6 class="title">Availability</h6>
<h4 class="brand">Immediate</h4>
</div>
<div>
<h6 class="title">Status</h6>
<h4 class="brand">Available</h4>
</div>
</div>
<div class="sm-flex web-none">
<div>
<h6 class="title">Brand</h6>
<h4 class="brand">ABOTEC</h4>
</div>
<div>
<h6 class="title">Condition</h6>
<h4 class="brand">10/10</h4>
</div>
</div>
<div class="sm-flex web-none margin-top">
<div>
<h6 class="title">Availability</h6>
<h4 class="brand">Immediate</h4>
</div>
<div>
<h6 class="title">Status</h6>
<h4 class="brand">Available</h4>
</div>
</div>
</div>
<div class="sm-none">
<div class="price-tile">
<h5>Price</h5>
<h6>AED</h6>
<h3>525</h3>
</div>
</div>
</div>
<div class="d-flex margin-top">
<div class="margin-right">
<div>
<img class="w-100 margin-top" src="assets/images/img1.png">
</div>
<div>
<img class="w-100 margin-top w47 margin-right" src="assets/images/img2.png">
<img class="w-100 margin-top w47" src="assets/images/img3.png">
</div>
</div>
<div class="margin-right">
<div>
<img class="w-100 margin-top" src="assets/images/img4.png">
</div>
<div>
<img class="w-100 margin-top" src="assets/images/img5.png">
</div>
</div>
<div>
<div>
<img class="w-100 margin-top" src="assets/images/img6.png">
</div>
</div>
</div>
<div class="web-none margin-top">
<div class="sm-price-color">
<div class="sm-flex center item-senter">
<div class="sm-flex item-senter">
<h6 class="white">AED</h6>
<h3 class="sm-size white">525</h3>
</div>
</div>
</div>
</div>
</div>
<!-- ==== Section 2 End ==== -->
</div>
</body>
</html>