-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathindex.html
More file actions
120 lines (107 loc) · 6.54 KB
/
index.html
File metadata and controls
120 lines (107 loc) · 6.54 KB
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
116
117
118
119
120
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>jihad.me</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.13.0/css/all.min.css">
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="./css/responsive.css">
</head>
<body>
<div class="header clearfix">
<div class="fixwidth">
<div class="header-left">
<a href="#">
<img src="./img/logo.png" alt="">
</a>
</div>
<div class="header-right">
<ul>
<li><a href="">Home</a></li>
<li><a href="">About</a></li>
<li><a href="">Service</a></li>
<li><a href="">Content</a></li>
<li><a href="">Blog</a></li>
<li><a href="">Product</a></li>
</ul>
</div>
</div>
</div>
<div class="banner">
<div class="fixwidth">
<div class="banner-caption text-center">
<h2>Welcome to My website</h2>
<h1>This is Jihad</h1>
</div>
</div>
</div>
<div class="about-section text-center">
<div class="fixwidth">
<h3>About Me </h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Veritatis quod dolore magnam animi fugit laborum impedit eaque nulla dolorum amet, vel nam corporis recusandae officiis eum ex distinctio voluptates quis?</p>
</div>
</div>
<div class="service clearfix text-center">
<div class="fixwidth">
<div class="service-item">
<span><i class="far fa-lightbulb"></i></span>
<h3>Web Design</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde, repellendus.</p>
</div>
<div class="service-item">
<span><i class="far fa-lightbulb"></i></span>
<h3>Graph Design</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde, repellendus.</p>
</div>
<div class="service-item">
<span><i class="far fa-lightbulb"></i></span>
<h3>Digital Marketing</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Unde, repellendus.</p>
</div>
</div>
</div>
<div class="blog-container clearfix">
<div class="fixwidth">
<div class="blog-left-content">
<div class="blog-item">
<img src="./img/profile.jpg" alt="">
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Non, tempore vero corporis voluptate minima cumque est magni perspiciatis eum voluptates qui! Beatae, necessitatibus corrupti! Repellat ipsum, eum autem, magnam reiciendis accusantium illo minima eos laudantium vitae officiis vero perspiciatis et molestias enim facere ab modi. A, officiis inventore. Ullam autem rerum dolorem delectus similique commodi, perspiciatis quasi illum vel tenetur? Voluptate natus vel impedit esse voluptas maxime eos harum accusamus cum repellat, odit quia adipisci pariatur officia doloribus laborum rem dolorum dolor! Ducimus nemo debitis accusantium eveniet porro commodi animi? Labore ipsum ex adipisci itaque libero eaque dicta, non nostrum perferendis ea sint mollitia, officiis eligendi voluptatum? Nam molestiae et soluta voluptatum odit numquam totam animi non quos! Odit nobis sunt consequuntur, sapiente molestiae sint quae perspiciatis cumque beatae alias optio ducimus ea itaque totam eveniet ad maiores repellat nemo enim autem rem voluptates necessitatibus. Velit qui quam voluptatem odio.</p>
</div>
<div class="blog-item">
<img src="./img/profile.jpg" alt="">
<p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Non, tempore vero corporis voluptate minima cumque est magni perspiciatis eum voluptates qui! Beatae, necessitatibus corrupti! Repellat ipsum, eum autem, magnam reiciendis accusantium illo minima eos laudantium vitae officiis vero perspiciatis et molestias enim facere ab modi. A, officiis inventore. Ullam autem rerum dolorem delectus similique commodi, perspiciatis quasi illum vel tenetur? Voluptate natus vel impedit esse voluptas maxime eos harum accusamus cum repellat, odit quia adipisci pariatur officia doloribus laborum rem dolorum dolor! Ducimus nemo debitis accusantium eveniet porro commodi animi? Labore ipsum ex adipisci itaque libero eaque dicta, non nostrum perferendis ea sint mollitia, officiis eligendi voluptatum? Nam molestiae et soluta voluptatum odit numquam totam animi non quos! Odit nobis sunt consequuntur, sapiente molestiae sint quae perspiciatis cumque beatae alias optio ducimus ea itaque totam eveniet ad maiores repellat nemo enim autem rem voluptates necessitatibus. Velit qui quam voluptatem odio.</p>
</div>
</div>
<div class="blog-left-notification">
<h2>Notice...</h2>
<ul>
<li>Lorem ipsum dolor sit amet.</li>
<li>Lorem ipsum dolor sit amet.</li>
<li>Lorem ipsum dolor sit amet.</li>
<li>Lorem ipsum dolor sit amet.</li>
<li>Lorem ipsum dolor sit amet.</li>
<li>Lorem ipsum dolor sit amet.</li>
</ul>
</div>
</div>
</div>
<div class="footer clearfix">
<div class="fixwidth">
<div class="footer-left">
<p>©All Right Reserved by Jihad</p>
</div>
<div class="footer-right">
<div class="footer-menu">
<ul class="social-menu">
<li><a href="https://www.facebook.com/jihad639"><span><i class="fab fa-facebook"></i></span></a></li>
<li><a href="#"><span><i class="ffab fa-instagram"></i></span></a></li>
<li><a href="#"><span><i class="fab fa-youtube"></i></span></a></li>
<li><a href="#"><span><i class="fab fa-twitter"></i></span></a></li>
</ul>
</div>
</div>
</div>
</div>
</body>
</html>