-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
110 lines (110 loc) · 5.8 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
101
102
103
104
105
106
107
108
109
110
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=divice-width, initial-scale=1.0">
<title>First jpge to html</title>
<link rel="stylesheet" type="text/css" href="CSS/style.css">
</head>
<body>
<div class="header_area">
<div class="header stable">
<div class="header_left">
<img src="image/logo.png" alt="picture of logo">
</div>
<div class="header_right">
<ul>
<li><a href="#"><img src="image/social1.jpg" alt="picture of social1"></a></li>
<li><a href="#"><img src="image/social2.jpg" alt="picture of social2"></a></li>
<li><a href="#"><img src="image/social3.jpg" alt="picture of social3"></a></li>
<li><a href="#"><img src="image/social4.jpg" alt="picture of social4"></a></li>
<li><a href="#"><img src="image/social5.jpg" alt="picture of social5"></a></li>
</ul>
</div>
</div>
</div>
<div class="intro_area">
<div class="intro stable">
<div class="intro_left">
<div class="intro_left_top">
<h1>Lorem Ipsum is simply dummy text of the printing and typesetting industry</h1>
<p>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
</div>
<div class="intro_left_bottom">
<div class="feature_title">
<h2>Quisque eget odio ac lectus vestibulum faucibus</h2>
</div>
<div class="feature_list">
<ul>
<li>Consequat purus metus eu velit</li>
<li>Consequat purus metus eu velit</li>
<li>Consequat purus metus eu velit</li>
<li>Consequat purus metus eu velit</li>
<li>Consequat purus metus eu velit</li>
</ul>
</div>
<div class="feature_image">
<a href="#"><img src="image/buy_now_offer.jpg" alt=""></a>
</div>
</div>
</div>
<div class="intro_right">
<img src="image/software_box.jpg" alt="">
</div>
</div>
</div>
<div class="content_area">
<div class="content stable">
<div class="content_top">
<div class="content_top_left">
<h2>Some awesome title for this first section</h2>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable.</p>
<div class="chat_box_text">
<img src="image/chat.jpg" alt="">
<p>Lorem Ipsum has been the industry's standard dummy text ever since 1500s,when an unknown printer took a galley of type and scrambled it make a type specimen book.</p>
<span class="anther_name">Freelancer Shawon</span>
</div>
</div>
<div class="content_top_right">
<img src="image/mobile.jpg" alt="">
</div>
</div>
<div class="content_bottom">
<div class="testimonial_heading">
<h1>See what our customers are saying</h1>
</div>
<div class="testimonial_content">
<img class="qoute_left" src="image/qoute_left.jpg" alt="">
<p>Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, by injected humour.</p>
<img class="qoute_right" src="image/qoute_right.jpg" alt="">
</div>
<div class="image">
<a href="#"><img src="image/buy_now.jpg" alt=""></a>
</div>
</div>
</div>
</div>
<div class="footer_area">
<div class="footer stable">
<div class="footer_left">
<h3>Twitter Feeds</h3>
<h3>loading tweets...</h3>
<div class="copyright">
<p>Copyright © 2020 - <a href="#">Freelancer Shawon</a> | <a href="#">Contact</a> | <a href="#">Help & Supports</a> </p>
</div>
</div>
<div class="footer_right">
<h3>Follow Us</h3>
<ul>
<li><a href="#"><img src="image/social1.jpg" alt="picture of social1"></a></li>
<li><a href="#"><img src="image/social2.jpg" alt="picture of social2"></a></li>
<li><a href="#"><img src="image/social3.jpg" alt="picture of social3"></a></li>
<li><a href="#"><img src="image/social4.jpg" alt="picture of social4"></a></li>
<li><a href="#"><img src="image/social5.jpg" alt="picture of social5"></a></li>
</ul>
</div>
</div>
</div>
</body>
</html>