-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
91 lines (90 loc) · 4.96 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
<!doctype html>
<html lang="en">
<head>
<title>Title</title>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.gstatic.com"><link href="https://fonts.googleapis.com/css2?family=Krona+One&display=swap" rel="stylesheet">
</head>
<body>
<div class="menu">
<div class="container">
<div class="row">
<div class="col-md-4 logo">
<h2>DevFolio</h2>
</div>
<div class="col-md-8 menu_option">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Work</a></li>
<li><a href="#">Blog</a></li>
<li><a href="#">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="banner">
<h3>I am SHAHED</h3>
</div>
<div class="content">
<div class="container">
<div class="row">
<div class="col-md-6 left">
<div class="section_up">
<div class="mypic">
<img src="https://i.ibb.co/cht7CGL/profile-pic.jpg" alt="">
</div>
<div class="myself">
<p>Name: MD Shahed</p>
<p>Profile: Full Stack Developer</p>
<p>Email: [email protected]</p>
<p>Phone: 01707759090</p>
</div>
</div>
<div class="section_down">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolores vero laborum modi magnam consequatur, rem mollitia quasi eos impedit. Quo iusto itaque consequatur, quidem aspernatur nulla atque velit doloremque inventore.</p>
</div>
</div>
<div class="col-md-6 right">
<h3>About me</h3>
<p>Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Nulla porttitor accumsan tincidunt. <br> <br>Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Vivamus suscipit tortor eget felis porttitor volutpat. Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. porttitor at sem.</p>
<h4>Nulla porttitor accumsan tincidunt. Quisque velit nisi, pretium ut lacinia in, elementum id enim. Nulla porttitor accumsan tincidunt. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a.</h4>
</div>
</div>
</div>
</div>
<div class="map_form">
<div class="container">
<div class="row">
<div class="col-md-6 map">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d58690.193106191036!2d89.15852976936439!3d23.16519689174538!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x39ff108d87ea6d65%3A0x627d034ef93261cf!2sJashore!5e0!3m2!1sen!2sbd!4v1620034012137!5m2!1sen!2sbd" width="100%" height="500px" style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</div>
<div class="col-md-6">
<form action="#">
<h6>Name:</h6>
<input class="form-control" type="text" placeholder="Your Name">
<h6>Email:</h6>
<input class="form-control" type="email" placeholder="Your Email">
<h6>Subject</h6>
<input class="form-control" type="text" placeholder="Subject">
<h6>Message</h6>
<textarea class="form-control" name="" id="" cols="30" rows="5" placeholder=""></textarea>
<!-- <a class="submit" href="#">Submit</a> -->
<input type="submit" value="Submit" class="btn btn-primary mt-3">
</form>
</div>
</div>
</div>
</div>
<div class="footer">
<p>© Copyright <span>DevFolio</span>. All Rights Reserved <br>Designed by BootstrapMade</p>
</div>
</body>
</html>