-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
67 lines (62 loc) · 3.3 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">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Udemy_website</title>
<link rel="stylesheet" href="style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<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:ital,wght@0,400;1,700&family=Montserrat:wght@600&family=Pacifico&family=Sacramento&display=swap" rel="stylesheet">
</head>
<body>
<div class="top">
<img class="top-image" src="images/cloud.png" alt="cloud image">
<h1>I'm Chetan</h1>
<p><h2>a <span>Pro</span>grammer</h2></p>
<img class="bottom-image" src="images/cloud.png" alt="">
<img src="images/mountain.png" alt="">
</div>
<div class="middle-container">
<div class="profile">
<img class="profile_image" src="images/chetan photo1.jpeg" alt="My photo">
<h2>Hello.</h2>
<p>Lorem ipsum dolor sit amet, vitae volutpat, dui conubia, dolor urna. Non auctor, montes nulla distinctio.</p>
</div>
<hr>
<div class="skills">
<h2>My Skills.</h2>
<div class="skill-row">
<img class="skill-image1" src="images/chillies.png" alt="chillies image">
<h3>Lorem & Ipsum</h3>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Odio dolorem dolor, obcaecati assumenda necessitatibus nemo eos iure nulla soluta natus dolorum tenetur! Sed beatae maiores sunt a nobis. Fuga, quisquam?
Lorem ipsum dolor sit amet consectetur adipisicing elit.
</p>
</div>
<div class="skill-row">
<img class="skill-image2" src="images/coding image.webp" alt="coding lappi image">
<h3>Lorem Ipsum Dolor</h3>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Eligendi cum ratione in laudantium deserunt. Praesentium quam non nobis! Culpa recusandae quibusdam voluptatibus sequi quis tempora doloribus dolor excepturi impedit aliquam? Lorem ipsum dolor sit amet consectetur adipisicing elit. </p>
</div>
</div>
<hr>
<div class="contact-me">
<h2>Get In Touch</h2>
<h3>Lorem ipsum dolor sit amet, non elit.</h3>
<p>Lorem ipsum dolor sit amet, in quis, aenean amet. Phasellus sodales, tellus donec dui, ornare erat.</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/">🦄 LinkedIn</a>
<a class="footer-link" href="https://twitter.com/">🐔Twitter</a>
<a class="footer-link" href="https://www.appbrewery.co/">🐲 Website</a>
<p style="margin-top: 20px;">© Name Surname.</p>
</div>
</body>
</html>