-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
67 lines (61 loc) · 3.25 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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Rohit kumar </title>
</head>
<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.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Merriweather&family=Montserrat&family=Sacramento&display=swap" rel="stylesheet">
<body>
<div class="top-container">
<img class="top-cloud" src="images/cloud.png" alt="cloud-img">
<h1>I'm Rohit</h1>
<h2>A Programmer</h2>
<img class="bottom-cloud" src="images/cloud.png" alt="cloud-img">
<img src="images/green-mountain.svg" alt="mountains-img">
</div>
<div class="middle-container">
<div class="profile">
<img class="profile-pic"src="https://cdn-icons.flaticon.com/png/128/5730/premium/5730403.png?token=exp=1647109111~hmac=25fd0487936f489914f3653c350d84ef" alt="">
<h2>Hello.</h2>
<p class="intro">I'm a web designer / developer. I have a passion for web design and love to create for web and application.</p>
</div>
<hr>
<div class="skills">
<h2>My Skills.</h2>
<div class="skill-row">
<img class="code-img" src="https://cdn-icons.flaticon.com/png/128/1329/premium/1329016.png?token=exp=1647110933~hmac=3564377cb46e6e6df5d2403503072aff" alt="code-img">
<h3>HTML & CSS & Javascript</h3>
<p>I like to keep it simple. My goals are to focus on typography, content and conveying the message that you want to send..</p>
</div>
<div class="skill-row">
<img class="developer-img" src="https://media0.giphy.com/media/L8K62iTDkzGX6/200w.webp?cid=ecf05e47m6y4z5cwz05tm8ff7uu135r4i2invs0y3pt2xik2&rid=200w.webp&ct=g" alt="developer-img">
<h3>Full stack developer</h3>
<p>I'm still learning i know about the front-end but i'm moving forward to learn about back-end also.</p>
</div>
</div>
<hr>
<div class="skill-row">
<h2>Hobbies</h2>
<img class="anime"src="https://media0.giphy.com/media/SRx8PI2tWjBLjzX0zL/200w.webp?cid=ecf05e47zwydgz0wstanxo5fw5d150nhtfi2nqv207bpnrni&rid=200w.webp&ct=g" alt="">
<p>My best hobbie is actually watching japanesh anime. because i love their work of animation and story ofcourse and im the big fan of one piece. </p>
</div>
<hr>
<div class="contact-me">
<h2>Get In Touch</h2>
<h3>If you love anime as much as i do.</h3>
<p class="contact-message">Love anime as much as i do?let's talk about how awesome they are!.</p>
<a class="btn" href="rohit2017madhesia@gmail.com">CONTACT ME</a>
</div>
</div>
<div class="bottom-container">
<a class="footer-link" href="https://www.linkedin.com/in/rohit-gupta-98682a205/">LinkedIn</a>
<a class="footer-link" href="https://www.facebook.com/rohit.madhesia.001">facebook</a>
<a class="footer-link" href="file:///C:/Users/Rohit%20Madhesia/Documents/web%20development/html-personal%20site/index.html">Website</a>
<p class="copy-right">© 2022 Rohit gupta.</p>
</div>
</body>
</html>