-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
265 lines (217 loc) · 35 KB
/
index.html
File metadata and controls
265 lines (217 loc) · 35 KB
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
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
<!DOCTYPE html>
<html lang="en" style="scroll-behavior: smooth;">
<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>Basil</title>
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
</head>
<body>
<div class="container-fluid bg-info" style="position:fixed;z-index:1">
<div class="row text-white">
<div class="col-md-6 col-9 p-4 ps-5">
<h2>Basil Baiju</h2>
</div>
<div class="col-md-6 col-3 pe-4 my-auto">
<nav class="navbar navbar-expand-lg navbar-light">
<button class="navbar-toggler ms-auto" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto">
<li class="nav-item m-1">
<a class="nav-link text-white" href="#home-section">Home <span class="sr-only"></span></a>
</li>
<li class="nav-item m-1">
<a class="nav-link text-white" href="#about">About</a>
</li>
<li class="nav-item m-1">
<a class="nav-link text-white" href="#experience">skills</a>
</li>
<li class="nav-item m-1">
<a class="nav-link text-white" href="#contact-form">Contact</a>
</li>
</ul>
</div>
</nav>
</div>
</div>
</div>
<section style="padding-top:8em; height: 100vh;" id="home-section">
<div class="container">
<div class="row align-items-center ">
<div class="col-md-6">
<img src="https://www.planetware.com/wpimages/2020/02/france-in-pictures-beautiful-places-to-photograph-eiffel-tower.jpg" class="img-fluid rounded-circle">
</div>
<div class="col-md-6 px-5 pt-5">
<h4>Hello, 👋 I am Basil</h4>
<p>I’m a full-stack web developer with experience in building dynamic and responsive websites using the MERN stack. I’m always looking for new challenges and opportunities to grow as a developer.</p>
</div>
</div>
</div>
</section>
<section class="bg-light p-3" id="about">
<div class="container" style="margin-top: 5rem;">
<h1 class="text-center" >I Know That Good Development <br/>
Means Good Bussiness</h1>
<div class="row">
<div class="col-md-4 mt-3">
<div class="card mt-3">
<img class="card-img-top" width="347" height="187" style="object-fit: contain;" src="https://i0.wp.com/plopdo.com/wp-content/uploads/2021/07/Screenshot-1.png?resize=1210%2C642&ssl=1" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">Frontend Developer</h5>
<p class="card-text">I am a frontend developer with a passion for building beautiful and functional web applications.</p>
</div>
</div>
</div>
<div class="col-md-4 mt-3">
<div class="card mt-3" >
<img class="card-img-top" width="347" height="187" style="object-fit: contain;" src="data:image/png;base64,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" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">Backend developer</h5>
<p class="card-text">I am a backend developer with a passion for building beautiful and functional web applications.</p>
</div>
</div>
</div>
<div class="col-md-4 mt-3">
<div class="card mt-3">
<img class="card-img-top" width="347" height="187" style="object-fit: contain;" src="https://cdn.hashnode.com/res/hashnode/image/upload/v1671978660506/65893b97-1723-48d6-8ef9-f48c84518e08.png" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">MERN Stack developer</h5>
<p class="card-text">I am a MERN stack developer with a passion for building beautiful and functional web applications.</p>
</div>
</div>
</div>
</div>
</section>
<section class="bg-white p-3" id="experience">
<div class="container" style="margin-top: 5rem;" >
<h1 class="text-center">Skills & Experiences</h1>
<div class="row">
<div class="col-md-4 mt-3">
<div class="card mt-3">
<img class="card-img-top" width="347" height="187" style="object-fit: contain;" src="data:image/png;base64,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" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">Javascript</h5>
<p class="card-text">I have experience in working with javascript applications.</p>
</div>
</div>
</div>
<div class="col-md-4 mt-3">
<div class="card mt-3">
<img class="card-img-top" width="347" height="187" style="object-fit: contain;" src="data:image/png;base64,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" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">Node Js</h5>
<p class="card-text">I have experience in working with Node js applications.</p>
</div>
</div>
</div>
<div class="col-md-4 mt-3">
<div class="card mt-3">
<img class="card-img-top" width="347" height="187" style="object-fit: contain;" src="data:image/png;base64,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" alt="Card image cap">
<div class="card-body">
<h5 class="card-title">React Js</h5>
<p class="card-text">I have experience in working with React js applications.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="mb-4 col-md-12 bg-light" style="margin-top: 3rem;">
<div class="container">
<h2 class="h1-responsive font-weight-bold text-center pt-5 px-5 mb-3">Take A Coffee & Chat With Me
</h2>
<p class="text-center w-responsive mx-auto mb-5">Do you have any questions?</p>
<div >
<div>
<form id="contact-form" name="contact-form" action="">
<div class="row">
<div class="col-md-6 col-6 p-3">
<div class="md-form mb-0">
<input type="text" id="name" name="name"placeholder="Name" class="form-control" required>
<label for="name" class="">Your name</label>
</div>
</div>
<div class="col-md-6 col-6 p-3">
<div class="md-form mb-0">
<input type="text" id="email" name="email" placeholder="Email" class="form-control" required>
<label for="email" class="">Your email</label>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12 p-3">
<div class="md-form mb-0">
<input type="text "placeholder="" id="subject" name="subject" class="form-control" required>
<label for="subject" class="" >Subject</label>
</div>
</div>
</div>
<div class="row">
<div class="col-md-12 p-3">
<div class="md-form">
<textarea type="text" id="message" name="message" rows="4" class="form-control md-textarea " placeholder="Write something..." required></textarea>
<label for="message">Your message</label>
</div>
</div>
</div>
<div class="text-center text-md-left">
<input type="submit" style="width: 100%;" class="btn btn-primary" value="Send" />
</div>
</form>
<div class="status"></div>
</div>
</div>
</div>
</section>
<footer class="bg-info">
<div class="container">
<div class="row">
<div class="col-md-12 text-center text-white">
<a href="https://www.facebook.com/basil.baiju.125" target ="_blank" class="text-decoration-none">
<i class="fa-brands fa-facebook-square" style="color: white;"></i>
</a>
<a href="https://www.instagram.com/itz_me.basil/" target ="_blank" class="text-decoration-none" >
<i class="fa-brands fa-instagram" style="color: white;"></i>
</a>
<a href="https://twitter.com/BasilBaiju1" target ="_blank" class="text-decoration-none" >
<i class="fa-brands fa-x-twitter" style="color: white;"></i>
</a>
<a href="https://www.linkedin.com/in/basil-baiju-201804249/" target="_blank" class="text-decoration-none">
<i class="fa-brands fa-linkedin" style="color: white;"></i>
</a>
<p><i class="fa-regular fa-copyright"></i> Copyright Basil </p>
</div>
</div>
</div>
</footer>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://kit.fontawesome.com/55b8c6aa96.js" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.12.9/dist/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.0.0/dist/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
<script>
$("#contact-form").submit((e)=>{
e.preventDefault()
$.ajax({
url:"https://script.google.com/macros/s/AKfycbyxFcE77EpJupZyZbUsYlE8l-Gzl5kkFKMO0uc-RCSLXzoXR-u-xnRYsZHhg11svoVIHQ/exec",
data:$("#contact-form").serialize(),
method:"post",
success:function (response){
alert("Form submitted successfully")
window.location.reload()
//window.location.href="https://google.com"
},
error:function (err){
alert("Please try again later")
}
})
})
</script>
</body>
</html>