-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
70 lines (61 loc) · 2.89 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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<title>Mohd Saad</title>
<link rel="stylesheet" href="style.css">
<link rel="icon" href="favicon.ico">
<link href="https://fonts.googleapis.com/css2?family=Merriweather:
wght@300&family=Montserrat:wght@200&family=Sacramento&display=swap"
rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Satisfy&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Lobster+Two&family=Satisfy&display=swap" rel="stylesheet">
</head>
<body>
<div class="top-container">
<img class="right-cloud" src="cloudnew.svg" alt="cloud">
<h1>I am Saad</h1>
<h3 class="profession">A web designer</h3>
<img class="left-cloud" src="cloudnew.svg" alt="cloud">
<img class="capture-images" src="Capture-removebg.png" alt="capture-images">
</div>
<div class="middle-container">
<div class="profile">
<img class="profile-foto"src="saad.png" alt="vivian">
<h2>Hello</h2>
<p class="intro">Contrary to popular belief, Lorem Ipsum is not simply random text.
It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old.</p>
</div>
<hr>
<div class="My-skills">
<h2>My Skills</h2>
<div class="skill-row">
<img class="skill-icon-design" src="https://softloomittraining.com/wp-content/uploads/2023/02/html-css-javascript-picture.jpg" alt="web-design">
<h3>Web Design & Devlopment </h3>
<p>Neque porro quisquam est qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit..."
"There is no one who loves pain itself, who seeks after it and wants to have it, simply because it is pain..."
</p>
</div>
<div class="skill-row">
<img class="skill-icon-Counselling"src="https://www.flaticon.com/svg/static/icons/svg/2356/2356213.svg" alt="Counselling">
<h3>Counselling parade</h3>
<p>Integer dignissim augue quis ligula semper porta. Suspendisse venenatis, arcu a pellentesque fermentum,
purus eros blandit leo, at finibus enim lorem vitae risus. </p>
</div>
</div>
<hr>
<div class="contact">
<h2>Get in touch</h2>
<h3>if you love volly as much as i do</h3>
<p class="contact-msg">Love Oz cricket as much as i do? Then what are you waiting for? Let's talk about how awesoe they are! </p>
<a class="btn" href="mailto:saad500nbd@gail.com">CONTACT ME</a>
</div>
</div>
<div class="bottom-container">
<a class="footer-link" href="https://www.linkedin.com/in/saad-ln">LinkedIn</a>
<a class="footer-link" href="https://twitter.com/sadi_xyz">Twitter</a>
<a href="https://www.instagram.com/saad_xyz/">Instagram</a>
<p class="copyright">© 2018 Mohd Saad @The App Brewery.</p>
</div>
</body>
</html>