-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex1.html
139 lines (135 loc) · 6.66 KB
/
index1.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
<!doctype html>
<html lang="en">
<head>
<!-- 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.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous">
<title>Rubel Hossen Site</title>
<style>
.container{
Margin-top:30px
}</style>
</head>
<body>
<nav class="navbar navbar-expand-lg navbar navbar-dark bg-dark sticky-top">
<a class="navbar-brand" href="#"><strong><i>RUBEL HOSSEN</i></strong></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
<div class="navbar-nav">
<a class="nav-item nav-link active" href="#"><strong>Home</strong> <span class="sr-only">(current)</span></a>
<a class="nav-item nav-link" href="#Education"><strong>Education</strong></a>
<a class="nav-item nav-link" href="#Socialwork"><strong>Social Work</strong></a>
<a class="nav-item nav-link disabled" href="#Travell" tabindex="-1" aria-disabled="true"><strong>Travell</strong></a>
</div>
</div>
</nav>
<div id="carouselExampleIndicators" class="carousel slide" data-ride="carousel">
<ol class="carousel-indicators">
<li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
<li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
</ol>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="cover1.jpg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="cover2.jpg" class="d-block w-100" alt="...">
</div>
<div class="carousel-item">
<img src="cover3.jpg" class="d-block w-100" alt="...">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleIndicators" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleIndicators" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
<div class="container">
<div class="jumbotron">
<h1 class="display-4"><strong><i>Welcome to My Website</i></strong></h1>
<p class="lead">-Web Developer , Traveller , Extrovert</p>
<hr class="my-4">
<p>Hi,I am Rubel Here. I am one from no one zone. I am from Bangladesh. I wrote poem sometimes also love to travel and extrovert type person. Recently I touch with web developing. its sound good to me now. Besides that I acting as a job holder in a Reputed Micro Finance institute named 'Buro Bangladesh' in Bangldesh. Thank you for hearing me.</p>
Do you want to know more about me then click <a class="btn btn-primary btn-lg" href="https://www.facebook.com/rubel.hossen1" role="button">more</a>
</div>
</div>
<div class="container">
<div class="card-deck">
<div Id=Socialwork class="card">
<img src="social_work.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title"><strong><i>Social Work</i></strong></h5>
<p class="card-text">Awarness building programe about to make small savings to overcome proverty and how to make a small capital to become a small enterpreneur</p>
<p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
</div>
</div>
<div Id=Travell class="card">
<img src="Travell.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title"><strong><i>Travell</i></strong></h5>
<p class="card-text">Do travell if you have no work, Do travell if your are free, left the work to become free and then do travell.</p>
<p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
</div>
</div>
<div class="card">
<img src="Entertainment.jpg" class="card-img-top" alt="...">
<div class="card-body">
<h5 class="card-title"><strong><i>Entertainment</i></strong></h5>
<p class="card-text">Entertain yourself. you are the only one who can entertain yourself by doing what ever you like. No one is constant in your life without you. Nothing is important in your life without you. sp lets do some made thing to entertain yourself. </p>
<p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
</div>
</div>
</div>
</div>
<div Id=Education class="container">
<div class="card">
<h5 class="card-header">Education</h5>
<div class="card-body">
<h5 class="card-title">M.B.A, National University</h5>
<p class="card-text">Accounting Deperment</p>
<h5 class="card-title">B.B.A, National University</h5>
<p class="card-text">Accounting Deperment</p>
<a href="#" class="btn btn-primary">More</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="card">
<h5 class="card-header">Work</h5>
<div class="card-body">
<h5 class="card-title">Branch Manager at 'Buro Bangldesh'</h5>
<p class="card-text">From july,2018 - till now.</p>
<a href="#" class="btn btn-primary">More</a>
</div>
</div>
</div>
<div class="container">
<div class="card">
<h5 class="card-header">Keep Me In Touch</h5>
<div class="card-body">
<h5 class="card-title">Email : extrovert1991@gmail.com</h5>
<p class="card-text"> Thank You....Stay Tune</p>
<a href="#" class="btn btn-primary">Good Bye</a>
</div>
</div>
</div>
<!-- Optional JavaScript -->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/js/bootstrap.min.js" integrity="sha384-OgVRvuATP1z7JjHLkuOU7Xw704+h835Lr+6QL9UvYjZE3Ipu6Tp75j7Bh/kR0JKI" crossorigin="anonymous"></script>
</body>
</html>