-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
109 lines (105 loc) · 3.98 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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<!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">
<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=Montserrat:wght@300&family=Roboto:wght@500&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" integrity="sha512-5A8nwdMOWrSz20fDsjczgUidUBR8liPYU+WymTZP1lmY9G6Oc7HlZv156XqnsgNUzTyMefFTcsFH/tnJE/+xBg==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="index.css">
<title>My Resume</title>
</head>
<body>
<div class="container">
<div class="wrap names">
<div class="image">
<img src="./profile.jpg" alt="a photo of sophy" height="200px" width="200px">
<h2 class="title">alwoch sophia</h2>
<h3>frontend developer</h3>
</div>
</div>
<div class="wrap contact-info">
<h2 class="title">contact information</h2>
<ul>
<li>
<span class="icon"><i class="fa fa-phone-square" aria-hidden="true"></i></span>
<span>+1 234 567</span>
</li>
<li>
<span class="icon"><i class="fa fa-envelope-o" aria-hidden="true"></i></span>
<span>sophie@gmail.com</span>
</li>
<li>
<span class="icon"><i class="fa fa-globe" aria-hidden="true"></i></span>
<span>www.sophie.com</span>
</li>
<li>
<span class="icon"><i class="fa fa-linkedin-square" aria-hidden="true"></i></span>
<span>linkein.com/me</span>
</li>
<li>
<span class="icon"><i class="fa fa-map-marker" aria-hidden="true"></i></span>
<span>Kampala,Uganda</span>
</li>
</ul>
</div>
<div class="wrap profile">
<h2 class="title">profile</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Amet facere laudantium odio similique voluptatibus. Velit cum, maiores architecto enim aspernatur amet voluptatum mollitia magnam doloremque sapiente nulla voluptate iste, iure ullam quibusdam autem nihil deleniti maxime pariatur quam itaque, in commodi suscipit eveniet. Provident perspiciatis excepturi, ipsa iste quis sint hic quisquam! Ipsam ipsum odit veritatis, tempore alias rem consequuntur consectetur dolore vitae distinctio non iste natus. Sed doloribus amet maxime quibusdam rem. Explicabo cumque recusandae excepturi eum blanditiis temporibus quas saepe inventore quasi, officiis voluptatibus, eaque dignissimos ratione magnam minima maiores? Maiores laborum, perspiciatis commodi vel temporibus adipisci deserunt!</p>
</div>
<div class="wrap skills">
<h2 class="title">skills</h2>
<ul>
<li>
<span class="lang">HTML/CSS</span>
</li>
<li>
<span class="lang">JAVASCRIPT</span>
</li>
<li>
<span class="lang">REACT</span>
</li>
</ul>
</div>
<div class="wrap education">
<h2 class="title">education</h2>
<div class="ed">
<ul>
<li>
<span class="a">2014-2016</span>
<span> Diploma in Information Technology</span>
<span>Makerere University</span>
</li>
<li>
<span class="a">2016-2019</span>
<span>Diploma in computer science</span>
<span>Makerere University</span>
</li>
</ul>
</div>
</div>
<div class="wrap languages">
<h2 class="title">languages</h2>
<ul>
<li>English</li>
<li>Swahili</li>
</ul>
</div>
<div class="wrap experience">
<h2 class="title">experience</h2>
<div class="items">
<h3>HNG8 intern</h3>
<div class="logo">
<img src="./zuri-logo.jpg" alt="zuri logo" height="100px" width="100px">
</div>
<p>
<a class="zuri" href="https://zuri.team" target="_blank" rel="noopener noreferrer">Zuri Team</a>
</p>
</div>
</div>
</div>
<script src="./compulsoryTask.js"></script>
</body>
</html>