-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
106 lines (100 loc) · 6.25 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Vivekananda</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-BBtl+eGJRgqQAUMxJ7pMwbEyER4l1g+O15P+16Ep7Q9Q+zqX6gSbd85u4mG4QzX+" crossorigin="anonymous"></script>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<div class="my-page">
<div class="navbar-section">
<nav class="navbar navbar-expand-lg bg-transparent">
<div class="container-fluid">
<a class="navbar-brand" href="#">
<img src="Black White Minimalist Logo.png" class="nav-logo">
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav anchor">
<li class="nav-item">
<a class="nav-link item-nav" href="#About_Me">About Me</a>
</li>
<li class="nav-item">
<a class="nav-link item-nav" href="#My_Interests">My Interests</a>
</li>
<li class="nav-item">
<a class="nav-link item-nav" href="#contact">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
</div>
<div class="body-section d-flex flex-column justify-content-center" id="About_Me">
<div class="container">
<div class="row">
<div class="box-left col-7">
<h1 class="name">Pottabathini <span style="color: aqua;">Vivekananda</span></h1>
<p class="home-para">I'm Pottabathini Vivekananda, from Hyderabad, studying in Newton School of Technology, deeply immersed in cricket since 8th grade. Despite my cricket commitment, I consistently scored over 95% in school. My cricket journey took me across India and even to Sri Lanka, securing trophies for my school. Unfortunately, due to personal reasons, I had to step back. Alongside cricket, my passion for photography thrives. I've also delved into coding, excelling in contests and assignments, aiming for top positions on leaderboards. I'm currently exploring web development, UI/UX, and honing my coding skills on platforms like LeetCode and Codeforces. Despite the unexpected shift in my cricket journey, I'm excited to explore opportunities, especially in coding and photography, embodying a life of continuous learning and growth.</p>
</div>
<div class="box-right col-5">
<img class="image" src="79eadc89f7ce41d89a3136c8f60d02cd.jpg">
</div>
</div>
</div>
</div>
<div class="My-Interests" id="My_Interests">
<div class="container">
<div class="row">
<div class="col-12">
<h1 class="what-h1">My <span style="color: aqua;">Interests</span></h1>
</div>
<div class="col-6">
<div class="card">
<img src="">
<h1 class="what-h1">cod<span style="color: aqua;">ing</span></h1>
<img class="code" src="ACTUAL DESIGN - This is what we publish!.png" alt="">
<p class="home-para">"Passionate about coding, I navigate the digital realm with a commitment to continuous learning and problem-solving excellence."</p>
</div>
</div>
<div class="col-6">
<div class="card">
<img src="">
<h1 class="what-h1">photo<span style="color: aqua;">Graphy</span></h1>
<img class="code" src="camera.png" alt="">
<p class="home-para">"In each click, I craft visual poetry, capturing life's essence with a blend of emotion and authenticity."</p>
</div>
</div>
<div class="contact" id="contact">
<div class="container">
<div class="row">
<div class="col-12">
<h1 class="what-h1">Contact<span style="color: aqua;">Me</span></h1>
<p class="what-p">Email ID: [email protected]</p>
<div style="display: flex; justify-content: center; gap: 50px;">
<a href="https://www.linkedin.com/in/vivekananda-pottabathini-814200288/">
<img class="image-icon"src="https://cdn1.iconfinder.com/data/icons/logotypes/32/circle-linkedin-512.png" alt="">
</a>
<a href="https://www.instagram.com/vivekananda_99/">
<img class="image-icon"src="https://upload.wikimedia.org/wikipedia/commons/thumb/a/a5/Instagram_icon.png/600px-Instagram_icon.png" alt="">
</a>
<a href="https://github.com/nandu-99">
<img class="image-icon"src="https://static-00.iconduck.com/assets.00/github-icon-1024x1024-vu0m1lvh.png" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
</body>
</html>