-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
100 lines (91 loc) · 3.74 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
<!DOCTYPE html>
<html lang="en">
<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>Woo-commerce web page</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- header start -->
<header>
<h1>Navbar</h1>
<nav>
<ul>
<li><a href="">Home</a></li>
<li><a href="">About me</a></li>
<li><a href="">contact Me</a></li>
<li><a href="">Sign Up</a></li>
</ul>
</nav>
</header>
<!-- section start -->
<section class="container1">
<div class="half-width">
<h1 class="header1"><span class="text-color">Hello!</span> This is Khairul Islam</h1>
<article class="ar">Lorem ipsum dolor sit amet consectetur adipisicing elit. Laudantium doloremque architecto quisquam fugit, cupiditate vitae asperiores. Porro fugiat dolor placeat explicabo sunt asperiores, magnam, sit nobis ipsum voluptates nulla iure rem optio cupiditate debitis tenetur voluptatum, consequatur facere id fugit.</article>
<p class="discount"><span class="text-color">75%</span> Discount</p>
<a class="btn" href="">buy Now</a>
</div>
</section>
<section>
<div class="couragle">
<img src="./img/brand/1.png" alt="">
<img src="./img/brand/2.png" alt="">
<img src="./img/brand/3.png" alt="">
<img src="./img/brand/4.png" alt="">
<img src="./img/brand/5.png" alt="">
<img src="./img/brand/6.png" alt="">
</div>
</section>
<section>
<div class="img-section">
<div class="img-banner">
<div class="img-haed">
<img src="/img/featured/1.jpg" alt="">
</div>
<div class="img-body">
<h3>Shoex</h3>
<article>Lorem ipsum dolor sit amet consectetur adipisicing elit. Odit aperiam quam debitis. Quis, commodi eius.</article>
<p>price: $100</p>
<a href="">Add To Card</a>
</div>
</div>
<div class="img-banner">
<div class="img-haed">
<img src="/img/featured/2.jpg" alt="">
</div>
<div class="img-body">
<h3>Shoex</h3>
<article>Lorem ipsum dolor sit amet consectetur adipisicing elit. Odit aperiam quam debitis. Quis, commodi eius.</article>
<p>price: $100</p>
<a href="">Add To Card</a>
</div>
</div>
<div class="img-banner">
<div class="img-haed">
<img src="/img/featured/3.jpg" alt="">
</div>
<div class="img-body">
<h3>Shoex</h3>
<article>Lorem ipsum dolor sit amet consectetur adipisicing elit. Odit aperiam quam debitis. Quis, commodi eius.</article>
<p>price: $100</p>
<a href="">Add To Card</a>
</div>
</div>
<div class="img-banner">
<div class="img-haed">
<img src="/img/featured/4.jpg" alt="">
</div>
<div class="img-body">
<h3>Shoex</h3>
<article>Lorem ipsum dolor sit amet consectetur adipisicing elit. Odit aperiam quam debitis. Quis, commodi eius.</article>
<p>price: $100</p>
<a href="">Add To Card</a>
</div>
</div>
</div>
</section>
</body>
</html>