-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
117 lines (88 loc) · 5.26 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
110
111
112
113
114
115
116
117
<!DOCTYPE html>
<html lang="en">
<head>
<title>Namwone</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="stylesheet" href="style.css">
<script src="index.js"></script>
<script src="https://cdn.jsdelivr.net/gh/cferdinandi/[email protected]/dist/smooth-scroll.polyfills.min.js"></script>
</head>
<body>
<nav class="navbar" id="nav">
<ul>
<li><a href="#about">About</a></li>
<li><a href="#skills">Skills</a></li>
<li><a href="#socials">Socials</a></li>
<!--li><a href="#blog">Blog Posts</a></li-->
</ul>
</nav>
<div class="pimg1">
<div class="ptext1">
<span class="border" id="name">
Namwone Brenda Tabitha <br>
</span>
</div>
<span class="txt-type" data-wait="3000" data-words='["Feminist ", "SRHR ", "Dreamer", "Activist", "Creator", "Techie", "Hottie ", "Baddie"]'></span>
</div>
<section class="section section-light" id="about">
<h2>Who am I?</h2>
<h3>Ecclectic.</h3>
<p>
I am a woman in tech who boasts of a degree in Business Computing from one of the most acclaimed business schools in East Africa, Makerere University Business School, where
I founded the Google Developer Student Club chapter for the institution. I am deeply rooted in Developer and Tech commmunities and I am currently the Communities Lead at Waape,
as well as a Google Women Techmakers Ambassador
</p>
</section>
<div class="pimg2">
<div class="ptext" >
<span class="border trans">
Socials
</span>
</div>
</div>
<section class="section section-dark">
<h2>Get to know me</h2>
<p>
A very busy woma, sisters, I've added a ninch pf ;orem ipsimss. Alias quis, repellat sapiente saepe vitae, harum incidunt fugiat nobis numquam culpa hic rem ipsa quasi aut adipisci facilis dignissimos dicta quia! Illum est dolor, laudantium nisi odio rerum nostrum cupiditate ut? Consectetur, perferendis eveniet, ullam voluptas aliquid hic magnam culpa sunt nostrum, temporibus voluptates et doloremque corporis quas placeat rerum iure quaerat rem laborum delectus laudantium. Praesentium nihil quas consectetur laborum? Rerum, recusandae magnam quasi nostrum doloremque quisquam pariatur accusantium laborum explicabo dolore aliquid distinctio? Nihil doloribus praesentium velit odio quaerat, quae a natus ipsum, vero accusamus doloremque aperiam similique nam.
</p>
</section>
<div class="pimg3">
<div class="ptext" id="skills">
<span class="border trans">
Skills
</span>
</div>
</div>
<section class="section section-dark">
<h2>Section Three</h2>
<p>
A woman in tech who loves to code and Sleep,I am into UI/UX Design. Alias quis, repellat sapiente saepe vitae, harum incidunt fugiat nobis numquam culpa hic rem ipsa quasi aut adipisci facilis dignissimos dicta quia! Illum est dolor, laudantium nisi odio rerum nostrum cupiditate ut? Consectetur, perferendis eveniet, ullam voluptas aliquid hic magnam culpa sunt nostrum, temporibus voluptates et doloremque corporis quas placeat rerum iure quaerat rem laborum delectus laudantium. Praesentium nihil quas consectetur laborum? Rerum, recusandae magnam quasi nostrum doloremque quisquam pariatur accusantium laborum explicabo dolore aliquid distinctio? Nihil doloribus praesentium velit odio quaerat, quae a natus ipsum, vero accusamus doloremque aperiam similique nam.
</p>
</section>
<div class="pimg3">
<div class="ptext" id="socials">
<span class="border trans">
Image Four Text
</span>
</div>
</div>
<section class="section section-light">
<h2>Who are you in the dark?</h2>
<p>Lorem</p>
</section>
<section class="section section-light">
<h2>Blog and logs truth be told</h2>
<p>Medium and WordPressssss</p>
</section>
<div class="pimg1">
<div class="ptext">
<span class="border">
Personal Site Loading
</span>
<footer><span class="copyright" id="copyright-year">Copyright Tabitha © 2021</span></footer>
</div>
</div>
</body>
</html>