forked from BidyasagarAnupam/YearBook
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathbatch3.html
102 lines (92 loc) · 12.6 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
98
99
100
101
102
<!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">
<a href="#" class="toggle_button">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</a>
<ul class="links">
<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">
<!-- card 1 -->
<div class="card">
<!-- image -->
<!-- I used linkedin profile picture link for image -->
<div class="avatar">
<img src="data:image/jpeg;base64,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"
alt="">
</div>
<!-- details -->
<div class="details">
<div class="name">
<span class="heading">Name:</span>
<span class="content">Lucifer</span>
</div>
<div class="year">
<span class="heading">Year:</span>
<span class="content">2023-26</span>
</div>
<figure class="additional">
<blockquote>"Things wo asdad".
</blockquote>
<figcaption>
—<cite>"John Wooden"</cite>
</figcaption>
</figure>
</div>
<!-- social media links -->
<div class="connect">
<div class="icnos">
<a href="https://www.instagram.com/x.abhi.xcx/" target="_blank">
<img src="./img/insta_icon.png" alt="">
</a>
</div>
<div class="icnos">
<a href="#" target="_blank">
<img src="./img/linkedin_icon.png" alt="">
</a>
</div>
<div class="icnos">
<a href="https://github.com/Zeref-XXX" target="_blank">
<img src="./img/github_icon.png" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
<script src="index.js"></script>
</body>
</html>