-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
182 lines (151 loc) · 6.59 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
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Assingnment 1</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<header class="nav-bar">
<ul>
<li class="name">Fahim.R</li>
<li><a><Button>Download Resume</Button></a></li>
</ul>
</header>
<div class="hero">
<img src="assets/Group.png" class="picture">
<div>
<p class="weight">"In the near future, I hope to become a <br>Developer"</p>
<p class="description">
A developer is a skilled professional who designs, builds, tests, and maintains software applications, focusing on writing <br>clean, efficient code to solve problems and enhance user experiences.</p>
<button ><a>Contact with me</a></button>
</div>
</div>
<section>
<section class="web">
<h1>Why Web Development</h1><br>
<p>
Web development is crucial for creating accessible, interactive, and user-friendly websites, driving business growth and enhancing online presence.</p>
</section>
<section class="second-child">
<div class="table1">
<p class="bold1">I will Do Coding and Change The <br>World</p>
<p class="solves">Coding solves problems, automates tasks, and <br> creates digital solutions efficiently.</p>
<button><a>Learn More</a></button>
</div>
<div>
<img src="assets/Layer_1.png" >
</div>
</section>
<div class="third-child">
<div><img src="assets/Group 3.png" alt=""></div>
<div class="help">
<p>I will help people by creating modern <br>web sytem</p>
<p class="modern">Modern web systems integrate dynamic, responsive designs with scalable, secure architectures.</p>
<button ><a>Contact with me</a></button>
</div>
</div>
<section class="web">
</section>
<section class="second-child">
<div class="table1">
<p class="bold1">I will Do Coding and Change The <br>World</p>
<p class="solves">Coding solves problems, automates tasks, and <br> creates digital solutions efficiently.</p>
<button><a>Learn More</a></button>
</div>
<div>
<img src="assets/Group 4.png" >
</div>
</section>
<section>
<section class="fourth-child">
<h1>My Inspiration</h1>
<p>"Every line of code you write shapes the future of digital exepirences. <br> Keep innovating, learning, and pushing the boundaries of web development."</p>
<iframe class="video" width="560" height="315" src="https://www.youtube.com/embed/ZMvZaxRkHmY?si=YJ_YrAu0_cJaqyaN" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
</section>
</section>
<section class="fifth-child">
<div class="Current">
<h1>My Current Target</h1>
<p>"Focus on mastering the fundamentals, embracing challenges, and continuously <br>improving. Your goal is to build impactful, user-centered web solutions."</p>
</div>
<div class="box">
<div class="box1">
<img src="assets/html.png" alt="">
<div class="html">
<h1>HTML</h1>
<p>"HTML structures web content, forming the foundation of websites."</p>
<a href="#">Learn More</a>
</div>
</div>
<div class="box2"> <img src="assets/css.png" alt="">
<div class="html">
<h1>CSS</h1>
<p>"CSS styles web pages, enhancing layout, design, and responsiveness."</p>
<a href="#">Learn More</a>
</div>
</div>
<div class="box3"><img src="assets/js.png" alt="">
<div class="html">
<h1>JavaScript</h1>
<p>"JavaScript powers dynamic, interactive web content and functionality."</p>
<a href="#">Learn More</a>
</div>
</div>
</div>
</section>
<section class="sixth-child">
<div class="target">
<h1>My Next Target</h1>
<p>"Web development combines coding, design, and problem-solving to create responsive, <br>user-friendly websites that drive engagement and deliver digital solutions."</p>
</div>
<div class="main-box">
<div class="b1">
<img src="assets/react.png" alt="">
<div class="reactjs">
<h1>ReactJs</h1>
<p>"ReactJS simplifies UI development with reusable components, virtual DOM, and efficient state management for <br>dynamic web applications."</p>
<a href="#">Learn More</a>
</div>
</div>
<div class="b1">
<img src="assets/nodejs.png" alt="">
<div class="reactjs nodejs">
<h1>NodeJs</h1>
<p>"Node.js enables scalable, server-side JavaScript, allowing real-time, event-driven applications with efficient <br> non-blocking I/O operations."</p>
<a href="#">Learn More</a>
</div>
</div>
<div class="b1">
<img src="assets/mongodb.png" alt="">
<div class="reactjs mongodb">
<h1>MongoDB</h1>
<p>"MongoDB is a NoSQL database offering flexible, scalable data storage with dynamic schema and powerful query capabilities."</p>
<a href="#">Learn More</a>
</div>
</div>
</div>
</section>
<section class="seventh-child">
<img src="assets/handshake.jpg" alt="">
<div>
<h1>I need support</h1>
<p class="need">"Assistance with coding, debugging, and optimization."</p>
<input type="text" placeholder="Suggest me any feedback for me" >
<button>Submit</button>
</div>
</section>
<footer>
<div class="icon">
<p>An Open Commitment by Fahim Reza</p>
<div class="logo">
<a href="https://www.facebook.com"><img src="assets/facebook.png" alt=""></a>
<a href="https://www.github.com"><img src="assets/github.png" alt=""></a>
<a href="https://linkedin.com"><img src="assets/linkedin-icon 1.png" alt="" ></a>
</div>
</div>
</footer>
</section>
</body>
</html>