-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
160 lines (158 loc) · 9.36 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
<!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>Developer portfolio</title>
<link rel="stylesheet" href="portfolio.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:ital@0;1&display=swap" rel="stylesheet">
</head>
<body>
<header class="header">
<nav>
<h2 class="nav-title">Muhai<span class="text-primary">minul</span></h2>
<ul>
<li>Portfolio</li>
<li>Blogs</li>
<li><button class="btn-primary">Hire</button></li>
</ul>
</nav>
<!-- header banner -->
<div class="banner">
<div>
<h3 class="banner-sub-title">Hi, I am</h3>
<h1 class="banner-title">Md Muhaiminul</h1>
<h4 class="front">Front-End Developer</h4>
<p class="banner-description">My ultimate motto is to fulfill the demand of the buyers by making them satisfied with proper file delivery in time and without any delay.</p>
<button class="btn-primary">Download CV</button>
</div>
<img src="./images/milon.png.png" alt="developer image" width="584" height="606" >
</div>
</header>
<!-- .......... main ......... -->
<main>
<!-- ..........About me ......... -->
<section class="about">
<h3 class="section-title">About Me</h3>
<p class="section-description">I am 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 results 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">Muhaiminul</p>
</div>
<div class="about-info">
<p class="info-title">Email:</p>
<p class="info-description">[email protected]</p>
</div>
<div class="about-info">
<p class="info-title">Specialty:</p>
<p class="info-description">Web Development</p>
</div>
<div class="about-info">
<p class="info-title">Location:</p>
<p class="info-description">Bangladesh</p>
</div>
</div>
</section>
<!-- .............what i do.......... -->
<section class="what-i-do">
<h3 class="section-title">My Skills</h3>
<div class="skills-container">
<div class="skill">
<img src="./images/icons/js.png" alt="javascript">
<p class="skill-title">Vanilla Javascript</p>
<p class="skill-description">Lorem ipsum dolor, sit amet consectetur adipisicing elit. Velit natus quo tempora error iure temporibus nesciunt molestias aperiam repellat vero?</p>
</div>
<div class="skill">
<img src="./images/icons/react.png" alt="rect js">
<p class="skill-title">React</p>
<p class="skill-description">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestiae aut consequuntur iste amet enim sint, reprehenderit fugiat necessitatibus quod voluptatem.</p>
</div>
<div class="skill">
<img src="./images/icons/nodejs.png" alt="Node.js">
<p class="skill-title">Node.js</p>
<p class="skill-description">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Consectetur animi totam ipsa rem incidunt laboriosam perspiciatis officiis sunt corrupti quibusdam?</p>
</div>
<div class="skill">
<img src="./images/icons/mongo.png" alt="MongoDB">
<p class="skill-title">MongoDB</p>
<p class="skill-description">Lorem ipsum, dolor sit amet consectetur adipisicing elit. Sapiente dicta, accusantium provident sequi nihil quaerat. Omnis dignissimos fuga quibusdam commodi?</p>
</div>
</div>
</section>
<!-- ........ Resume Section ...... -->
<section class="resume">
<h3 class="section-title">A Summary of My Resume</h3>
<div class="resume-content">
<div class="resume-education">
<h3 class="resume-title" style="color: darkcyan;">Education</h3>
<div class="resume-item">
<h4 class="title">Master of Science in Botany</h4>
<h5 class="sub-title">National University Of Bangladesh</h5>
<p class="description">Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt dolore ex consequatur sit reprehenderit quae nihil ipsam quasi perspiciatis quam.</p>
</div>
<hr>
<div class="resume-item">
<h4 class="title">B.Sc in Botany</h4>
<h5 class="sub-title">National University Of Bangladesh</h5>
<p class="description">Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt dolore ex consequatur sit reprehenderit quae nihil ipsam quasi perspiciatis quam.</p>
</div>
<hr>
<div class="resume-item">
<h4 class="title">Web Development</h4>
<h5 class="sub-title">Programming Hero</h5>
<p class="description">Lorem ipsum dolor sit amet consectetur adipisicing elit. Nesciunt dolore ex consequatur sit reprehenderit quae nihil ipsam quasi perspiciatis quam.</p>
</div>
</div>
<div>
<h3 class="resume-title" style="color: darkcyan;">Licences & Certifications</h3>
<div class="resume-item">
<h4 class="title"> Information Technology (IT) and Cloud Fundamentals</h4>
<h5 class="sub-title">Issuing Organization: Coursera</h5>
<p class="description">Introduction to Hardware and Operating Systems <b>|</b> Introduction to Cybersecurity Essentials <b>|</b> Introduction to Networking and Storage <b>|</b> Introduction to Cloud Computing <b>|</b> Introduction to Software, Programming, and Databases </p>
</div>
<hr>
<div class="resume-item">
<h4 class="title">Meta Front-End Developer Professional</h4>
<h5 class="sub-title">Issuing Organization: Coursera</h5>
<p class="description">Introduction to Front-End Development <b>|</b> Programming with JavaScript <b>|</b> Version Control <b>|</b> HTML and CSS in depth <b>|</b> React Basics <b>|</b> Advanced React <b>|</b> Principles of UX/UI Design <b>|</b> Front-End Developer Capstone <b>|</b> Coding Interview Preparation</p>
</div>
<hr>
<div class="resume-item">
<h4 class="title">Applied Software Engineering Fundamentals</h4>
<h5 class="sub-title">Issuing Organization: Coursera</h5>
<p class="description">Introduction to Software Engineering <b>|</b> Hands-on Introduction to Linux Commands and Shell Scripting <b>|</b> Getting Started with Git and GitHub <b>|</b> Python for Data Science, AI & Development <b>|</b> Python Project for AI & Application Development </p>
</div>
</div>
</div>
<div class="resume-button">
<button class="btn-primary">Download CV</button>
</div>
</section>
<!-- contact secxtion -->
<section class="contact">
<div>
<h3 class="section-title">Lets Connect</h3>
<p class="section-description">Please fill out the form on this section to contact with me or call between 9:00 A.M and 8.00 GMT+6, Monday through Friday.</p>
<a href=""><img src="./images/icons/linkedin.png" alt="" width="30px" style="border-radius: 50%;"></a>
<a href="https://github.com/aargon007"><img src="./images/icons/github.png" alt=""></a>
<a href=""><img src="./images/icons/codepen.png" alt=""></a>
</div>
<div>
<h3 class="section-title">Let's Message me</h3>
<form>
<input type="text" name="" id="" placeholder="Your Name">
<input type="email" name="" id="" placeholder="Your Email">
<textarea name="" id="" cols="30" rows="10" placeholder="Message"></textarea>
<input type="submit" value="Submit" class="btn-primary">
</form>
</div>
</section>
</main>
<footer>
</footer>
</body>
</html>