-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
70 lines (66 loc) · 4.19 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">
<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>Amjad Khan</title>
<link rel="stylesheet" href="css/styles.css">
<link rel="icon" href="android-chrome-512x512.png">
<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:wght@300&family=Montserrat:wght@100&family=Sacramento&display=swap" rel="stylesheet">
</head>
<body>
<div class="top-container">
<img class="top-cloud" src="https://sn3302files.storage.live.com/y4mZlHCDFCDGh5ZsnoTQUejLAqFe5cE3GL0tpYdjg5Pkfj28melsMPF
p39X9rC5lLpcDXvAgvCH1nMZyChEvMzC6uO_OBJmNIT5O3rzDg7w7zDbnRwFz5aL1Foi7qZxveJCxrkOos6HYVGf4Y9wTdw0_qTub5_owihmTu
GhGMIoATTHVxfnHN6ee0At2pnhn9Mqd8klTHDqlFfwQWwOHV3zFE31COxPcwNR_BzRbslRees?encodeFailures=1&width=150&height=48" alt="cloud-img">
<h1>I'm Amjad</h1>
<h2>a <span>Web</span>Designer</h2>
<img class="bottom-cloud" src="https://sn3302files.storage.live.com/y4mZlHCDFCDGh5ZsnoTQUejLAqFe5
cE3GL0tpYdjg5Pkfj28melsMPFp39X9rC5lLpcDXvAgvCH1nMZyChEvMzC6uO_OBJmNIT5O3rzDg7w7
zDbnRwFz5aL1Foi7qZxveJCxrkOos6HYVGf4Y9wTdw0_qTub5_owihmTuGhGMIoATTHVxfnHN6ee0At2pnhn9Mqd
8klTHDqlFfwQWwOHV3zFE31COxPcwNR_BzRbslRees?encodeFailures=1&width=150&height=48" alt="cloud-img">
<img class="mountain-img" src="https://sn3302files.storage.live.com/y4m0e8g0c3yIqYJMHpH1xxdINDEo
IEL8VGoi2VGEwz3NPrO_IV7QSSraDiwOd84exQM6dJAjQL760ii2UqOFM41d_OTaFdxQ_C
7SF2wk3vbOnQpI9PsvZ0u14z-_5NZvsNw_D5HTlVjEkxuPztPdrxTFyph-eURJAyqDBDZc5AU0ZyWylAZvk
V3gPxi9qam_QDeEIUnHbWGmqavlVOQ9OO9gsyIdLLFc-rtCwMNqGCi80g?encodeFailures=1&width=598&height=357" alt="mountain-img">
</div>
<div class="middle-container">
<div class="profile">
<img class="profile-img" src="images/scary-6892992_1280-modified.png" alt="profile-img">
<h2>Hello.</h2>
<p>I am a Web developer. Currently, I am an undergraguate of UET Lahore. I am studying Bs. Computer Sciences. My dream is to become a top UI/UX designer of the world.</p>
</div>
<hr>
<div class="skills">
<h2>My Skills.</h2>
<div class="skill-row">
<img class="skill-img1" src="https://media2.giphy.com/media/juua9i2c2fA0AIp2iq/giphy.gif?cid=ecf05e47i53iqtp24b9ea9cyfrz09cvzpuj86b5xtm4z431a&rid=giphy.gif&ct=s" alt="laptop-img">
<h3 class="skill1">Design & Developement</h3>
<p class="skill1-1">I love Designs and the patterns that lines make when combined. I love when I make a new design with focus and hardwork. It gives me motivation and pushes me to do better.</p>
</div>
<div class="skill-row">
<img class="skill-img2" src="https://media3.giphy.com/media/KzccVmHEzmNLbc3Tv2/giphy.gif?cid=ecf05e478v77jtzpj4du9ki3db5s0jxyw9p3hiollwukn4zu&rid=giphy.gif&ct=s" alt="pepper-img">
<h3>Coding</h3>
<p class="skill2">I have learned coding in C++ and learned web designing. It's my passion and whenever I code, It gives me motivation to code next time.</p>
</div>
</div>
<hr>
<div class="contact-me">
<h2>Get In Touch</h2>
<h3>If you love attractive designs as much as I do</h3>
<p>It would be nice to work together. Your ideas and my skills and experience would be great combination.</p>
<a class="btn" href="mailto:islamgk0897@gmail.com">CONTACT ME</a>
</div>
</div>
<div class="bottom-container">
<a class="footer-link" href="https://www.linkedin.com/public-profile/settings?trk=d_flagship3_profile_self_view_public_profile&lipi=urn%3Ali%3Apage%3Ad_flagship3_profile_self_edit_contact_info%3BsG68F%2BcpTuOXoXijRRhb6A%3D%3D">LinkedIn</a>
<a class="footer-link" href="https://twitter.com/AmjadKhanNiazi0">Twitter</a>
<a class="footer-link" href="https://www.appbrewery.co/">Website</a>
<p class="bottom-name">© Amjad Khan.</p>
</div>
</div>
</body>
</html>