-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
124 lines (113 loc) · 5.66 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
124
<!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>Portfolio Site</title>
<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=Roboto&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body>
<section class="flex-container">
<div id="header" class="half-width">
<div class="line-design">
<h1>Stay Focused On <br> <span class="header-color">Mission 2022</span></h1>
</div>
<div>
<p>I am very dedicated and passionate in programming. I am also an expert in html css and bootstrap, and
also Larner
Javascript program. And I am studying BSC in CSE at Green University of Bangladesh</p>
<a class="exp-btn" target="blank" href="https://github.com/rakibulislamrabby">Explore Now</a>
<p class="scroll-p">Scroll down to explore more about us</p>
</div>
</div>
<div class="half-width">
<img src="./images/person/person-1.png" alt="">
</div>
</section>
<!-- Header Section Start -->
<!-- Mission Section Start -->
<section>
<h1 class="mission-h2">My Mission in <span class="header-color">2022</span> </h1>
<div class="flex-mission">
<div class="flex-card card-color">
<img src="./images/illustrators/illustrator-1.png" alt="">
<h3>Mission</h3>
<p>My mission in 2022 is to understand, learn and practice every topic of web development. And after
practicing, I will
develop so many project with those topics. my mission is to help with my professionalism through the
services that we offer. And I will gained master skilled of web developer,Inshah
Allah </p>
</div>
<div class="flex-card card-color2">
<img src="./images/illustrators/illustrator-2.png" alt="">
<h3>Vission</h3>
<p>To boost the business growth of my clients with extraordinary website design, E-commerce website,
Shopping cart Portals,
SEO services, Software Development services to high-quality IT services
that build value and unchanging proficient advantage for you around the globe. </p>
</div>
<div class="flex-card card-color3">
<img src="./images/illustrators/illustrator-3.png" alt="">
<h3>Goals</h3>
<p>My goal becomes a Web Developer to create and designs different websites for clients. I'm responsible
for their
aesthetics as well as their function. Professionals in this field may also need to be able to ensure
sites are
compatible with multiple types of media. </p>
</div>
</div>
</section>
<!-- Mission Section end -->
<!-- develop-section start -->
<section class=" bg-image flex-container ">
<div class="half-width">
<img class="coding-img" src="./images/pictures/coding.png" alt="">
</div>
<div class="half-width dev-body">
<h1>Develop <br> without Limit</h1>
<p>I have already learned the basic HTML and CSS. I can build any simple website and portfolio website. I
can even teach my friend how
to make simple
website. My goal is to build 3 websites using HTML and CSS and learn advanced topics.</p>
<a class="exp-btn" target="blank" href="https://www.w3schools.com/html/default.asp">Read the
Documentation</a>
</div>
</section>
<!-- community section start -->
<section class=" bg-image2 flex-container">
<div class="half-width">
<h1>Know our global community</h1>
<p>The web development sector has the best community online and also offline. So one man can easily join
their community
and learn so much thing about web development related. Here you will find various services related to
web development. You will be able to learn different jobs by joining us
again and you will gain more skills by working on different projects.</p>
<a class="exp-btn" target="blank"
href="https://www.freecodecamp.org/news/best-developer-communities-to-be-part-of-in-2020/">Read the
Documentation</a>
</div>
<div class="half-width ">
<img src="./images/pictures/project.png" alt="">
</div>
</section>
<!-- Contact us section -->
<section>
<h1 class="contact-head">Contact Me</h1>
<div class="contact-box">
<input type="text" class="input-field" placeholder="Your Name"> <br>
<input type="email" class="input-field" placeholder="Your E-mail"><br>
<input type="password" class="input-field" placeholder="Your password"><br>
<textarea type="text" class="textarea-field" placeholder="Your Massage"></textarea><br>
<a class="submit-btn" href="#">Submit</a>
</div>
</section>
<footer class="footer">
<h2>Mission <span class="footer-color">2022</span> </h2>
<p>© Md Rakibul Islam 2022, a Programming Hero initiative.</p>
</footer>
</body>
</html>