-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
66 lines (59 loc) · 2.78 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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Suyash Sawant</title>
<link rel="stylesheet" href="styles.css">
<link rel="icon" href="S letter.png">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Merriweather+Sans&family=Montserrat&family=Sacramento&display=swap" rel="stylesheet">
</head>
<body>
<div class="top-container">
<img class="top-cloud" src="cloud.png" alt="cloud-image">
<h1>I'm Suyash .</h1>
<p class="p1">a programmer.</p>
<img class="bottom-cloud" src="cloud.png" alt="cloud-image">
<img class="mountain" src="mountain.png" alt="mountain-image">
</div>
<div class="middle-container" >
<div class="profile">
<img class="myimage" src="circle-cropped (2).png" alt="my-image" width=15% height=15%>
<h2>Hello.</h2>
<p class="intro">I'm a web designer / developer based in Mumbai, Maharashtra. I have a passion for web design and love to create for web and mobile devices.</p>
</div>
<hr>
<div class="skills">
<h2>My Skills</h2>
<div class="skill-row">
<img class="computer" src="programming.png" alt="computer-img">
<h3>Programming Languages</h3>
<p> Web Development/ Design : ⭐⭐⭐⭐⭐ <br> C++ : ⭐⭐⭐⭐ <br>
Python : ⭐⭐⭐⭐ <br>
Java : ⭐⭐⭐ </p>
</div>
<div class="skill-row">
<img class="cinema" src="pop-corn.png" alt="cinema-image">
<h3>What I Do ?</h3>
<p>I am an IT engineering student. These days my time is spent researching, designing and coding. Besides these, you’ll discover my never ending love for Cinema as my best skill is actually binging on TV shows and films.</p>
</div>
</div>
<hr>
<div class="contact-me">
<h2>Get In Touch</h2>
<img class="get-in-touch" src="contact me.png" alt="contact-me" >
<h3>I’m currently available for freelance work.</h3>
<p>If you have a project that you want to get started, think you need my help with something or just fancy saying hey, then get in touch.</p>
<a class="btn" href="mailto:[email protected]">CONTACT ME</a>
</div>
</div>
<div class="bottom-container">
<a class="footer-link" href="https://www.linkedin.com/in/suyash-sawant-8333ba172/">LinkedIn </a>
<a class="footer-link" href="https://www.instagram.com/suyashksawant/">Instagram </a>
<a class="footer-link" href="https://www.youtube.com/channel/UCCcstHia4SBZFiodyfpbY6w">YouTube</a>
<p class="copyright">© 2021 Suyash Sawant.</p>
</div>
</body>
</html>