-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
123 lines (122 loc) · 5.82 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
111
112
113
114
115
116
117
118
119
120
121
122
123
<!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>new-year-new-me</title>
<link rel="stylesheet" href="styles/style.css">
<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=Open+Sans&family=Work+Sans&display=swap" rel="stylesheet">
</head>
<body>
<header class="header">
<h1 class="header-title">All Thinks Are Possible If You believe</h1>
<p class="header-description">There are many variations of passages of Lorem Ipsum available, but the majority have
suffered alteration in some form,
by injected humour, or randomized words</p>
<button class="btn-primary">Contact Us</button>
</header>
<main>
<section class="section-1">
<div class="fail-image">
<img src="images/person.png" alt="">
</div>
<div class="describeFail-list">
<p class="fail-headline">My Failures of Previous Year</p>
<p class="fail-Description">Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature
from 45 BC, making it over 2000 years old. Richard McClintock.</p>
<ul class="failure-li">
<li class="li-1">Contrary to popular belief, is not simply.</li>
<li class="li-2">Contrary to popular belief.</li>
<li class="li-3">Contrary to popular , is not simply.</li>
<li class="li-4">Contrary to popular belief, is not simply.</li>
<li class="li-5">Contrary to popular simply.</li>
</ul>
</div>
</section>
<section class="section-2">
<h3 class="section2-title">My Plan</h3>
<div class="plan-container">
<div class="plans">
<img src="images/icons/web.png" alt="">
<p class="plan-title">Web Development</p>
<p class="plan-description">I want to start</p>
</div>
<div class="plans">
<img src="images/icons/js.png" alt="">
<p class="plan-title">JavaScript</p>
<p class="plan-description">I want to learn</p>
</div>
<div class="plans">
<img src="images/icons/smoke.png" alt="">
<p class="plan-title">Smoking Habit</p>
<p class="plan-description">I want to end</p>
</div>
<div class="plans">
<img src="images/icons/ecom.png" alt="">
<p class="plan-title">ecommerce</p>
<p class="plan-description">I want to develop</p>
</div>
</div>
</section>
<section class="section-3">
<div class="magic">
<button class="btn-secondary">Call Now</button>
<p class="magic-title">Always Keep Positive mindset</p>
</div>
</section>
<section class="about">
<h3 class="section-title">About Me</h3>
<p class="section-description">I, m a designer & developer with a passion for web design. I enjoy developing simple,
clean and slick websites that
provide real value to the end user. Thousands of clients have procured exceptional resulfs while working with
me.
Delivering work within time and budget which meets clients requirements in our mata.
</p>
<div class="about-info-container">
<div class="about-info">
<p class="info-title">Name:</p>
<p class="info-description">Mushfiq</p>
</div>
<div class="about-info">
<p class="info-title">Email:</p>
<p class="info-description">info@gmail.com</p>
</div>
<div class="about-info">
<p class="info-title">Speciality</p>
<p class="info-description">Web Dev</p>
</div>
<div class="about-info">
<p class="info-title">Location:</p>
<p class="info-description">Dhaka, BD</p>
</div>
</div>
</section>
</main>
<footer>
<section class="section-4">
<div class="contact-container">
<div class="left-footer">
<h3 class="footer-title1">Future</h3>
<p class="footer-description1">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</p>
<p class="footer-description2">Email : info@gmail.com</p>
<p class="footer-description3">Phone : 01500 00 00 00</p>
<a href=""><img src="images/icons/fb.png" alt=""></a>
<a href=""><img src="images/icons/twitter.png" alt=""></a>
<a href=""><img src="images/icons/youtube.png" alt=""></a>
</div>
<div class="right-footer">
<h3 class="footer-title2">Subscribe</h3>
<form action="">
<input type="text" id="" placeholder="Enter Your Email">
</form>
<button class="btn-3rd">Subscribe</button>
</div>
</div>
</section>
</footer>
</body>
</html>