-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
89 lines (81 loc) · 10.8 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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Srijan Gupta</title>
<link rel="stylesheet" href="css/styles.css">
<link rel="icon" href="favicon.ico">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Merriweather:wght@300&family=Montserrat&family=Sacramento&display=swap" rel="stylesheet">
</head>
<body>
<div class="top-container">
<img class="top-cloud" src="images/cloud.png" alt="cloud-image">
<h1>I'm Srijan.</h1>
<h2>a <span class="pro">pro</span>grammer</h2>
<img class="bottom-cloud" src="images/cloud.png" alt="cloud-image">
<img src="images/mountain.png" alt="mountain-image">
</div>
<div class="middle-container">
<div class="profile">
<img src="" alt="">
<h2>Hello.</h2>
<p class="profile-txt reveal-up"> A web app developer, who enjoys building, learning and exploring things that live on the web. My fingers are either on a keyboard key or on a Piano key.</p>
</div>
<hr>
<div class="skills">
<h2>My Skills.</h2>
<div class="skill-row reveal-left">
<img class="c-img" src="https://upload.wikimedia.org/wikipedia/commons/1/18/ISO_C%2B%2B_Logo.svg" alt="">
<h3>Data Structures & Algorithms</h3>
<p>Solved 100+ questions on LeetCode, CodeForces, Codechef etc. using C++. Question solved based on Searching, Sorting, Recursion, Backtracking, Stack, Linked-List, Queue, Hashing etc.</p>
</div>
<div class="skill-row reveal-right">
<img class="python-img" src="https://upload.wikimedia.org/wikipedia/commons/thumb/c/c3/Python-logo-notext.svg/640px-Python-logo-notext.svg.png" alt="MERN Stack" style="margin-left: 30px;width: 157px;height: 177px;">
<h3>Automation using Python</h3>
<p>Worked on Several Projects of Web Automation using Python & different libraries of Python like BeautifulSoup & Selenium Webdrivers. </p>
</div>
</div>
<div class="skills">
<h2>Projects</h2>
<div class="skill-row reveal-left">
<img class="c-img" src="data:image/png;base64,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" alt="" style="height: 177px;width: 250px;">
<h3>Data Entry Job Automation</h3>
<p>Automating Data to be taken from Zillow.com and using google form Saving it to spreadsheet using Beautiful Soup & Selenium Webdrivers.</p>
</div>
</div>
<hr>
<div class="contact-me">
<h2 class="touch">Get In Touch</h2>
<h3></h3>
<p class="contact-message"> </p>
<a class="btn" href="mailto:1rn19is157.srijan@gmail.com">CONTACT ME</a>
</div>
</div>
</div>
<div class="bottom-container">
<a class="footer-link" href="https://www.linkedin.com/in/srijan205gupta/">LinkedIn</a>
<a class="footer-link" href="https://github.com/Srijan205">GitHub</a>
<a class="footer-link" href="https://www.instagram.com/_srijan.gupta_/">Instagram</a>
<p class="copyright">©2021 Srijan Gupta.</p>
</div>
<script type="text/javascript">
window.addEventListener('scroll', reveal);
function reveal(){
var reveals = document.querySelectorAll('.reveal-left, .reveal-right, .reveal-up');
for(var i=0;i<reveals.length;i++){
var windowheight = window.innerHeight;
var revealtop = reveals[i].getBoundingClientRect().top;
var revealpoint = 150;
if(revealtop<windowheight-revealpoint){
reveals[i].classList.add('active');
}else{
reveals[i].classList.remove('active');
}
}
}
</script>
</body>
</html>