-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
80 lines (78 loc) · 3.6 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Personal website</title>
<link rel="icon" type="image/x-icon" href="https://iconifier.net/iconified/cf_64f9927fb28d2_worker/favicon.ico" />
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
<link rel="stylesheet" href="./style.css">
</head>
<body>
<section id="header">
<div class="text-center container-fluid">
<img src="./I'm.jpg" alt="" width="85%" height="90%">
</div>
</section>
<section id="profile" >
<div class="container my-5 profile">
<div class="p-5 text-center rounded-3">
<img src="./me2.jpeg" alt="" class="karan">
<h1 class="">Hello</h1>
<p class="col-lg-8 mx-auto fs-5 text-muted">
I am a Web Developer. I am a student of MAIT.
</p>
<p class="col-lg-8 mx-auto fs-5 text-muted">
I❤️ anime and science fiction movies.
</p>
<hr>
</div>
</div>
<h2 class="m-5 text-center">MY SKILLS </h2>
<div class="parent">
<div class="typing">
<img src="./images/cat-typing.gif" alt="typing cat" >
</div>
<div class="coding">
<h3>Design & Development</h3>
<p class="lead">I started learning to code when I was 12 years old because I wanted to make my own video games. Over
time,
I
have gained a wealth of experience designing and developing web applications.</p>
</div>
<div class="foodie">
<img src="./images/foodie.jpg" alt="foodie" height="250px" class="foodie-img">
</div>
<div class="food">
<h3>Food Lover </h3>
<p class="lead">Hello food lovers! 🍽️🌮 Whether it's savoring fancy dishes or enjoying simple street food, I'm all about exploring delicious flavors. Join me as we discover the stories behind ingredients, the excitement of spices, and the pure happiness of every bite. Let's dig into the wonderful world of taste together!</p>
</div>
</div>
<hr>
</section>
<section class="ending">
<div class="container my-5">
<div class="p-5 text-center rounded-3" style="background-color: #F3FDE8;">
<h2>Get In Touch</h2>
<p class="lead">
If you love Coding as much as I do.
</p>
<p class="lead">
Love Web Designing as much as I do? Let's talk about how awesome it is!
</p>
<button class="btn btn-primary rounded-pill px-3 button" type="button">Get in touch</button>
</div>
</div>
</section>
<section class="footer">
<div class="container">
<footer class="py-3 my-4">
<ul class="nav justify-content-center border-bottom pb-3 mb-3">
<li class="nav-item"><a href="https://www.linkedin.com/in/karan-bhardwaj-aab59625b/" class="nav-link px-2 text-body-secondary">linkdin</a></li>
<li class="nav-item"><a href="https://github.com/karan399" class="nav-link px-2 text-body-secondary">Github</a></li>
</ul>
<p class="text-center text-body-secondary">©Karan</p>
</footer>
</div>
</section>
</body>