-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
110 lines (98 loc) · 4.72 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 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>ItsProAli | Mission 2022</title>
<link rel="shortcut icon" href="images/favicon.png" type="image/x-icon">
<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=Lato:ital,wght@0,400;1,700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body>
<!-- Top Section -->
<section class="top content">
<div class="text">
<div class="line"></div>
<h1>I am Focused on <br> <span class="orange">Mission 2022</span></h1>
<p>Hi, This is Mohammad Ali. My mission is How to become a web developer in 2022. I am Fully dedicated & Ready to do hard work to achieve my mission in 2022. Web Development has the most priority in my life.</p>
<a href="http://www.facebook.com/itsproali" target="_blank" rel="noopener noreferrer">Explore Now</a>
</div>
<div class="image">
<img src="images/itsproali.png" alt="Mohammad Ali">
</div>
</section>
<!-- My Mission in 2022 -->
<section class="my-skills">
<h1>My <span class="orange">Skills</span></h1>
<div class="content">
<div class="html item">
<img src="images/illustrator-1.png" alt="HTML">
<h2>HTML</h2>
<p>Html means HyperText Markup Language. It is used to mark up a website. I am a boss of HTML. I know
HTML well. I can use this language easily.</p>
</div>
<div class="css item">
<img src="images/illustrator-2.png" alt="CSS">
<h2>CSS</h2>
<p>CSS means Cascading Style Sheets. It is used to give a gorgeous look to a website. CSS is also used
to create cool animations of a website. I have a good knowledge of CSS.</p>
</div>
<div class="learn item">
<img src="images/illustrator-3.png" alt="Learn">
<h2>Learning</h2>
<p>I also have a good learning ability. When I want to learn something, I focus & research on it. And I
practice more and more.</p>
</div>
</div>
</section>
<!-- Middle Section -->
<section class="develop">
<div class="content">
<div class="coding img-width">
<img src="images/coding-1.png" alt="Coding">
</div>
<div class="right-text text-width">
<h2 class="mid-head">Develop <br> Without Limits</h2>
<p>There will be no limits in my development. My target is to build a minimum of 10 dynamic websites this year, Which would be top-ranked on the internet.</p>
<a href="">Read the Documentation</a>
</div>
</div>
</section>
<section class="community">
<div class="content">
<div class="community-text text-width">
<h2 class="mid-head">Know our <br>Global Community</h2>
<p>I have a great community. There are so many experts and professional developers available for help. Yes, I am talking about Programming Hero. This is the best community I have ever seen.</p>
<a href="">Read the Documentation</a>
</div>
<div class="img-width">
<img src="images/community.png" alt="">
</div>
</div>
</section>
<!-- Build -->
<section class="build">
<h1>Build <span class="orange">Responsive Website</span></h1>
<div class="content">
<div class="img-width">
<img src="images/cox's-bazar.jpg" alt="Cox's Bazar">
</div>
<div class="build-text text-width right-text">
<h2>Enjoy Your Life in <br><span class="orange">Cox's Bazar</span></h2>
<p>Cox's Bazar is a town on the southeast coast of Bangladesh. It's known for its very long, sandy beachfront, stretching from Sea Beach in the north to Kolatoli Beach in the south. It has now become a tourist place. There is a huge number of people come here to relax their minds..</p>
<a href="https://itsproali.github.io/responsive-webpage" target="_blank">Cox's Bazar</a>
</div>
</div>
</section>
<!-- Footer Section -->
<section class="footer">
<footer>
<h2>Mission <span class="orange">2022</span></h2>
<p>© Copyright 2021-2022 | All Right Reserved</p>
</footer>
</section>
</body>
</html>