-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
155 lines (147 loc) · 4.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
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
<!DOCTYPE html>
<html lang="en">
<head>
<title>Towasin</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta
name="description"
content="I'm Towasin. Website made by Nusab Taha (Nusab19)"
/>
<meta
name="keywords"
content="NusabTaha Nusab Taha Nusab19 Github Facebook Twitter Telegram Someone193 "
/>
<meta name="author" content="Nusab Taha" />
<link
rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
/>
<link rel="stylesheet" href="css/style.css" />
<link
href="https://fonts.googleapis.com/css?family=Montserrat"
rel="stylesheet"
/>
<!-- For Mobile View Side Bars -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
</head>
<body>
<!-- Navbar -->
<nav class="navbar navbar-default">
<div class="container">
<div class="navbar-header">
<button
type="button"
class="navbar-toggle"
data-toggle="collapse"
data-target="#myNavbar"
>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="/">Towasin</a>
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav navbar-right">
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</div>
</div>
</nav>
<!-- First Container -->
<div class="container-fluid bg-1 text-center">
<h3>Hi, I am Towasin.</h3>
<img
src="/Images/profile 1.jpg"
class="img-responsive img-circle margin"
style="display: inline"
alt="Myself"
width="350"
height="350"
/>
<h3><q>I am a High School Student</q></h3>
</div>
<!-- Second Container -->
<div class="container-fluid bg-2 text-center" id="about">
<h3 class="margin">What do I do?</h3>
<p>
Hello! I am Towasin. I am a student from Bangladesh. I love eat, sleep.
I also love Math and Programming. I learn coding. I learn about web
development, I learn about software development. Solving mathematical
problem is also a part of my past time. I believe it is never late to
start the journey. I started learning about web development in 10th
January, 2023.I love doing teamwork.I dream of becoming a software
engineer. I have a lot to learn, a lot to do and a long journey to reach
my destination. Pray to Allah for me.
<br />
</p>
</div>
<!-- Third Container (Grid) -->
<div class="container-fluid bg-3 text-center" id="contact">
<h3 class="margin">Where To Find Me?</h3>
<br />
<div class="row">
<div class="col-sm-4">
<a
href="https://t.me/as_towasin"
target="_blank"
rel="noopener noreferrer"
>
<img
src="./Images/telegram.png"
class="circular img"
alt="Telegram"
/>
</a>
<p>
<br />
I am available in Telegram. Reach out to me if you wanna talk!
</p>
</div>
<div class="row">
<div class="col-sm-4">
<a
href="https://www.instagram.com/as_towasin/"
target="_blank"
rel="noopener noreferrer"
>
<img
src="./Images/instagram.webp"
class="circular img"
alt="Instagram"
/>
</a>
<p>
<br />
I am available in Instagram. Reach out to me if you wanna talk!
</p>
</div>
<a
href="https://www.facebook.com/profile.php?id=100085052266037"
target="_blank"
rel="noopener noreferrer"
>
<img
src="./Images/facebook.png"
class="circular img"
alt="Facebook logo"
/>
</a>
<p>
<br />
I am available in Facebook too.
<br />
Click in the logo to view my profile!
</p>
</div>
</div>
</div>
<!-- Footer -->
<footer class="container-fluid bg-4 text-center">
<p>© 2022-present All rights reserved.</p>
</footer>
</body>
</html>