-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.htm
115 lines (109 loc) · 5.33 KB
/
index.htm
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
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Web Template</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/fontawesome.min.css" integrity="sha512-siarrzI1u3pCqFG2LEzi87McrBmq6Tp7juVsdmGY1Dr8Saw+ZBAzDzrGwX3vgxX1NkioYNCFOVC0GpDPss10zQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<div class="layout">
<section id="row1">
<div class="header_section">
<div class="logo">
<h3>Logo</h3>
</div>
<div class="menu">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Protfolio</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#" class="blog_btn">Blog</a></li>
</ul>
</div>
<div class="search_bar">
<input type="serch">
<i class="fa-solid fa-magnifying-glass"></i>
</div>
</div>
</section>
<section id="row2">
<div class="banner_section">
<h1>Good Design is good buisness</h1>
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Tenetur numquam excepturi dignissimos facere reprehenderit earum quis labore eveniet, vel dolorem iusto consectetur quibusdam reiciendis sed velit magnam quas impedit ex magni debitis nobis eum cum ullam. A modi neque ut.</p>
<button>Learn More!</button>
</div>
</section>
<section id="row3">
<div class="service_section">
<h2>our services</h2>
<div class="service_container">
<div class="service_item">
<i class="fa-solid fa-desktop"></i>
<h3>Web Design</h3>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Numquam assumenda cum velit Voluptatum maiores eius odit ipsum nisi rerum laboriosam?</p>
</div>
<div class="service_item">
<i class="fa-solid fa-magnifying-glass"></i>
<h3>Search Optimization</h3>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Numquam assumenda cum velit Voluptatum maiores eius odit ipsum nisi rerum laboriosam?</p>
</div>
<div class="service_item">
<i class="fa-solid fa-shop"></i>
<h3>Online Shop</h3>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Numquam assumenda cum velit Voluptatum maiores eius odit ipsum nisi rerum laboriosam?</p>
</div>
<div class="service_item">
<i class="fa-solid fa-thumbs-up"></i>
<h3>Social Media</h3>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Numquam assumenda cum velit Voluptatum maiores eius odit ipsum nisi rerum laboriosam?</p>
</div>
</div>
</div>
</section>
<section id="row4">
<div class="port_section">
<div class="port_top">
<div class="port_tittle">
<h3>our portfolio awesome</h3>
</div>
<div class="port_more">
<button>read more</button>
</div>
</div>
<div class="prot_buttom">
<div class="port_item">
<div class="port_card">
<img src="build.jpeg" alt="">
<div class="card_icon">
<i><i class="fa-solid fa-image"></i></i></div>
</div>
<h3>Lorem ipsum dolor sit.</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque laudantium fuga reiciendis quia quibusdam a nostru</p>
</div>
<div class="port_item">
<div class="port_card">
<img src="1609157793-7-web-design-portfolio-of-charles-diggs.avif" alt="">
<div class="card_icon">
<i><i class="fa-solid fa-magnifying-glass"></i></i></div>
</div>
<h3>Lorem ipsum dolor sit.</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque laudantium fuga reiciendis quia quibusdam a nostru</p>
</div>
<div class="port_item">
<div class="port_card">
<img src="b4939e93d18ff65cfdd8b8baf148989d.gif" alt="">
<div class="card_icon">
<i><i class="fa-brands fa-instagram"></i></i></div>
</div>
<h3>Lorem ipsum dolor sit.</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Neque laudantium fuga reiciendis quia quibusdam a nostru</p>
</div>
</div>
</div>
</section>
</div>
</body>
</html>