-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
138 lines (117 loc) · 6.07 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
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" conten="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Comaptilbe" content="ie-edge">
<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@300&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
<link href="http://fonts.cdnfonts.com/css/blanka" rel="stylesheet">
<link href="http://fonts.cdnfonts.com/css/anurati" rel="stylesheet">
<link rel="stylesheet" href="style.css">
<title>Saumya Rai</title>
</head>
<body>
<div class="loader_bg">
<div class="loader">
</div>
</div>
<header class="main-header">
<h1 data-aos="slide-left"><span>HELLO!!!! </span>I AM SAUMYA RAI</h1>
<p data-aos="slide-right"><span>A Geek Who </span>Debugs<span> and </span>Develops</p>
</header>
<main class="container">
<section class="card" data-aos="zoom-in">
<img src="https://cliply.co/wp-content/uploads/2021/02/372102050_LINKEDIN_ICON_TRANSPARENT_400.gif" alt="">
<div>
<h3>Connect With Me</h3>
<p>
I don’t believe in spamming people. Unless you do, in which case I’m totally fine with that.
</p>
<a href="https://www.linkedin.com/in/saumya-rai-192619184/" target="_blank" rel="noopener noreferrer" class="btn">My Linkedin Profile</a>
</div>
</section>
<section class="card" data-aos="fade-left">
<img src="https://cdn.codechef.com/sites/default/files/uploads/pictures/811b20a47eac52b10c90ab82e0628e21.png" alt="">
<div>
<h3>Let's Learn Together</h3>
<p>
I really don't know why but I love you more than free WiFi...!!
</p>
<a href="https://www.codechef.com/users/saumyarai2010" target="_blank" rel="noopener noreferrer"class="btn">My CodeChef Profile</a>
<!-- target= blank helps to open the link in new window else it will open in the same window -->
</div>
</section>
<section class="card" data-aos="fade-right">
<img class="hacker"src="https://cdn.dribbble.com/users/1771471/screenshots/14108349/media/0d446f06dbc6f204fdcb138902df65c9.gif" alt="">
<div>
<h3>Old Memories</h3>
<p>
HackerRank was my first platform and the best if UI really matters for you.
Anyways the below one is the best as far as my experience goes.
</p>
<a href="https://www.hackerrank.com/saunya_rai2010" target="_blank" rel="noopener noreferrer" class="btn">My HackerRank Profile</a>
</div>
</section>
<section class="card" data-aos="fade-left">
<img src="https://upload.wikimedia.org/wikipedia/commons/1/19/LeetCode_logo_black.png" alt="">
<div>
<h3>Daily IQ Booster</h3>
<p>
I agree its harder to read code than to write it.
So go through all of my posts because I usually post EZ Python Codes For Beginners.
</p>
<a href="https://leetcode.com/SaumyaRai29/" target="_blank" rel="noopener noreferrer" class="btn">My LeetCode Profile</a>
</div>
</section>
<section class="card" data-aos="fade-right">
<img src="https://cdn-icons-png.flaticon.com/512/25/25231.png" alt="">
<div>
<h3>New Love</h3>
<p>
When others are on *$#&Hub, I am on GitHub.
Learning more and more about Open Source.
</p>
<a href="https://github.com/SaumyaRai2010" target="_blank" rel="noopener noreferrer" class="btn">My GitHub Profile</a>
</div>
</section>
<section class="card" data-aos="fade-left">
<img src="https://cliply.co/wp-content/uploads/2019/07/371907490_FACEBOOK_ICON_TRANSPARENT_400.gif" alt="">
<div>
<h3>Do people even use this now?</h3>
<p>
The only way to have a friend is to be one.
</p>
<a href="https://www.facebook.com/saumya.rai.33821/" target="_blank" rel="noopener noreferrer" class="btn">My Facebook Profile</a>
</div>
</section>
<section class="card" data-aos="fade-right">
<div>
<img src="https://cliply.co/wp-content/uploads/2019/07/371907300_INSTAGRAM_ICON_TRANSPARENT_400.gif" alt="">
</div>
<div>
<h3>Come Stalk Me Buddy!!</h3>
<p>
Roses are Red!
Violets are Blue!
Just go to the gym man why are you even still reading?
</p>
<a href="https://www.instagram.com/s.a.u.m.y.a_r.a.i/" target="_blank" rel="noopener noreferrer" class="btn">My Instagram Profile</a>
</div>
</section>
</main>
<script src="https://unpkg.com/aos@next/dist/aos.js"></script>
<script>
AOS.init({
offset:300,
duration:1000
});
</script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
setTimeout(function(){
$('.loader_bg').fadeToggle();
}, 1500);
</script>
</body>
</html>