-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
71 lines (67 loc) · 3.82 KB
/
index.html
File metadata and controls
71 lines (67 loc) · 3.82 KB
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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Rudraneel Ghosh</title>
<link rel="stylesheet" type="text/css" href="styles.css">
<link rel="icon" href="favicon.ico" type="image/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=Birthstone&family=Merriweather&family=Montserrat:wght@500&display=swap" rel="stylesheet">
</head>
<body>
<div class="top-container">
<img class="top-cloud" src="images/cloud.png" alt="cloud-image">
<h1>I'm Rudraneel.</h1>
<p class="top-para">a Web Developer.</p>
<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 class="display" src="images/rg.png" alt="">
<h1 class="hello">Hello.</h1>
<p class="intro">Lorem ipsum dolor sit amet, vitae volutpat, dui conubia, dolor urna. Non auctor, montes nulla distinctio. Lorem ipsum dolor sit amet, vitae volutpat, dui conubia, dolor urna. Non auctor, montes nulla distinctio. Lorem ipsum dolor sit amet, vitae volutpat, dui conubia, dolor urna. Non auctor, montes nulla distinctio.</p>
</div>
<hr size=3>
<div class="skills">
<h1 class="myskills">My Skills.</h1>
<div class="skill-row">
<img class="ds" src="images/data-science-learn-for-life-nigeria-data-structure-png-350_250.png" alt="">
<h3>Data Structures and Algorithms</h3>
<p>Lorem ipsum dolor sit amet, quis in duis, iaculis id felis. Consectetuer vestibulum, nunc urna lectus, erat ligula. Hendrerit nam, lectus ante, ut lorem eros.</p>
</div>
<div class="skill-row">
<img class="css" src="images/css3-logo-png-transparent.png" alt="">
<h3>CSS</h3>
<p>Lorem ipsum dolor sit amet, mauris sed consectetuer. Etiam et eu, bibendum interdum, lacus quis mauris. Curabitur wisi, quisque vel eu, rutrum nam.</p>
</div>
<div class="skill-row">
<img class="java" src="images/java-logo-1.png" alt="">
<h3>Java</h3>
<p>Lorem ipsum dolor sit amet, mauris sed consectetuer. Etiam et eu, bibendum interdum, lacus quis mauris. Curabitur wisi, quisque vel eu, rutrum nam.</p>
</div>
<div class="skill-row">
<img class="react" src="images/664-6644509_icon-react-js-logo-hd-png-download.png" alt="">
<h3 class="reacth">React.js</h3>
<p class="react2">Lorem ipsum dolor sit amet, mauris sed consectetuer. Etiam et eu, bibendum interdum, lacus quis mauris. Curabitur wisi, quisque vel eu, rutrum nam.</p>
</div>
</div>
<hr class="hr2" size=3>
<div class="contact-me">
<h2 class="git">Get In Touch</h2>
<h3>Lorem ipsum dolor sit amet, non elit.</h3>
<p class="contact-text">Lorem ipsum dolor sit amet, in quis, aenean amet. Phasellus sodales, tellus donec dui, ornare erat.Lorem ipsum dolor sit amet, in quis, aenean amet. Phasellus sodales, tellus donec dui, ornare erat. Lorem ipsum dolor sit amet, in quis, aenean amet. Phasellus sodales, tellus donec dui, ornare erat. Lorem ipsum dolor sit amet, in quis, aenean amet. Phasellus sodales, tellus donec dui, ornare erat.</p>
<a class="btn" href="contact.html">CONTACT ME</a>
</div>
</div>
<div class="bottom-container">
<a href="https://www.linkedin.com/in/rudraneel-ghosh-4142b1198/">LinkedIn</a>
<a href="https://www.instagram.com/_rudraneel.ghosh_/">Instagram</a>
<a href="https://twitter.com/rudraneel_ghosh">Twitter</a>
<a href="https://www.facebook.com/profile.php?id=100007305195096">Facebook</a>
<p class="copyright">© 2018 Rudraneel Ghosh.</p>
</div>
</div>
</body>
</html>