-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
107 lines (107 loc) · 6.24 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
104
105
106
107
<!DOCTYPE html>
<html lang="en">
<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>Index</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/locomotive-scroll@3.5.4/dist/locomotive-scroll.css">
<!-- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous"> -->
</head>
<body>
<div id="main">
<div data-scroll data-scroll-speed="-5" class="page1">
<nav>
<div id="slide-img">
<p>Visit LinkedIn profile</p>
<a href="https://www.linkedin.com/in/swarnadeep-das-0836b3221/"><img class="dp" src="https://media.licdn.com/dms/image/D5603AQEf76NRch8uLg/profile-displayphoto-shrink_400_400/0/1676109516595?e=1695859200&v=beta&t=mCFqAjY-QRGKMiuXoSYv5r7S4HlkVYCUwSzbV6EnZvs" style="width:50px;height:50px;"></a>
</div>
<!-- <div id="right-nav">
<div class="btn-nav"><svg xmlns="http://www.w3.org/2000/svg" height="1.85em" viewBox="0 0 448 512"><style>svg{fill:#ffffff}</style><path d="M0 96C0 78.3 14.3 64 32 64H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32C14.3 128 0 113.7 0 96zM0 256c0-17.7 14.3-32 32-32H416c17.7 0 32 14.3 32 32s-14.3 32-32 32H32c-17.7 0-32-14.3-32-32zM448 416c0 17.7-14.3 32-32 32H32c-17.7 0-32-14.3-32-32s14.3-32 32-32H416c17.7 0 32 14.3 32 32z"/></svg></div>
</div> -->
</nav>
<div class="page1body">
<h1>Hi, I am Swarnadeep Das</h1>
</div>
<video src="./Resource/pexels_videos_2611250 (2160p).mp4" autoplay loop muted></video>
</div>
<div class="page2">
<div class="page2body">
<div id="heading">
<h2>Introduction</h2>
</div>
<div id="para">
<p>Enter the realm of the code dominator, where algorithms bow before their genius. Armed with a keyboard and boundless wit, they conquer digital challenges with ruthless precision. Witness the rise of the programming savant, a force to be reckoned with in the ever-evolving tech landscape.</p>
</div>
</div>
<video src="./Resource/page2bg.mp4" autoplay loop muted ></video>
</div>
<div class="page3">
<div class="page3-cir">
<div class="page3-cir-inner">
<div class="percentage" value="0" max="100">
<h1 class="hh" id="hh">0%</h1>
</div>
<div id="progress">
<div class="progress white">
<div class="green progress" max="100" value="0">
</div>
</div>
</div>
<h2 id="loading">LOADING...</h2>
</div>
</div>
<canvas></canvas>
</div>
<div id="pagemain">
<div id="page4">
<canvas id="canvas2"></canvas>
<h1 class="centertext">E D <span> U </span> C A T <span> I </span> O N</h1>
<table>
<tr>
<td><h1>School :</h1></td>
<td></td>
<td><span class="bold">Class 10 </span>: <span id="marks">618</span> out of 700</td>
</tr>
<tr>
<td>Sarisha Ramakrishna Mission <br>Sikshamandir</td>
<td></td>
<td><span class="bold">Class 12 </span>: <span id="marks">486</span> out of 500</td>
</tr>
</table>
</div>
<div id="page5">
<table>
<tr>
<td><h1>College(3 yrs.)</h1></td>
<td><span class="bold">B.Sc. </span> <span id="marks">Computer Science</span></td>
</tr>
<tr>
<td>Ramakrishna Mission Residential<br>College(Autonomous), Narendrapur</td>
<td><span class="bold">CGPA </span>: <span id="marks">9.60</span> out of 10</td>
</tr>
</table>
<div id="more">
<p>To be continued....</p>
</div>
</div>
<div id="page6">
<h1 class="centertext space">S K <span> I </span> L L S E <span> T </span></h1>
<div class="skill">
<h1 class="bold">Technical Skills</h1>
<p>Programming Lamguage : <span id="marks">C, C++,<br>Java, Python, Prolog, Shell Script,<br>HTML, CSS, Javascript, SQL</span></p>
<p>Framework : <span id="marks">Node.js, Express</span></p>
<p>Database : <span id="marks">Oracle XE, MongoDB</span></p>
</div>
</div>
<div id="page7"></div>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/locomotive-scroll@3.5.4/dist/locomotive-scroll.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/gsap.min.js" integrity="sha512-16esztaSRplJROstbIIdwX3N97V1+pZvV33ABoG1H2OyTttBxEGkTsoIVsiP1iaTtM8b3+hu2kB6pQ4Clr5yug==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.2/ScrollTrigger.min.js" integrity="sha512-Ic9xkERjyZ1xgJ5svx3y0u3xrvfT/uPkV99LBwe68xjy/mGtO+4eURHZBW2xW4SZbFrF1Tf090XqB+EVgXnVjw==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script src="script.js"></script>
</body>
</html>