forked from BidyasagarAnupam/YearBook
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbatch3.html
97 lines (88 loc) · 3.76 KB
/
batch3.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Batch 2023 | YearBook for MCA</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="batches.css">
<link rel="shortcut icon" href="./img/nitjsr-logo.png" type="image/x-icon">
<style>
.wrapper {
background: url(./img/bg_batch_23.png) fixed no-repeat;
background-size: 100% 100%;
}
</style>
</head>
<body>
<div class="wrapper">
<nav class="nav-bar">
<ul>
<div class="logo">
<img src="./img/nitjsr-logo.png" alt="" height="50px">
</div>
<li><a href="./index.html">Home</a></li>
<div class="dropdown">
<button onclick="myFunction()" class="dropbtn">Batches
</button>
<div id="myDropdown" class="dropdown-content">
<a href="./batch1.html">Batch 2021</a>
<a href="./batch2.html">Batch 2022</a>
<a href="./batch3.html">Batch 2023</a>
</div>
</div>
<li><a href="./about.html">About</a></li>
</ul>
</nav>
<div class="hero-section">
<div>
<h1>Batch - 2023</h1>
<div class="card">
<!-- image -->
<!-- I used linkedin profile picture link for image -->
<div class="avatar">
<img src="https://media.licdn.com/dms/image/D4D03AQFqtHEcMvYrfw/profile-displayphoto-shrink_400_400/0/1692727983013?e=1701907200&v=beta&t=3b5_0BQyuCWj_XUDKczRvI47bco8CMfR389K59l-gtk"
alt="">
</div>
<!-- details -->
<div class="details">
<div class="name">
<span class="heading">Name:</span>
<span class="content">Vaishnavi Sisodiya</span>
</div>
<div class="year">
<span class="heading">Year:</span>
<span class="content">2023-26</span>
</div>
<figure class="additional">
<blockquote>I never dreamed about success, I worked for it.</blockquote>
<figcaption>
—<cite>Estee Lauder</cite>
</figcaption>
</figure>
</div>
<!-- social media links -->
<div class="connect">
<div class="icnos">
<a href="https://www.instagram.com/_.divyansh._i28/" target="_blank">
<img src="./img/insta_icon.png" alt="">
</a>
</div>
<div class="icnos">
<a href="https://www.linkedin.com/in/vaishnavi-sisodiya-09558721b" target="_blank">
<img src="./img/linkedin_icon.png" alt="">
</a>
</div>
<div class="icnos">
<a href="https://github.com/Divyanshu723" target="_blank">
<img src="./img/github_icon.png" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="index.js"></script>
</body>
</html>