-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
173 lines (160 loc) · 8.73 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
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
<!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>Programming -portofolio</title>
<link rel="stylesheet" href="index.css">
<link rel="icon" href="images/valor.png" />
</head>
<body>
<a name="home"></a>
<div class="header">
<img src="images/valor.png" width="180px" alt="logo">
<h1><em>DESIGN & TECHNOLOGY</em></h1>
<h2><em>Full Stack Developer</em></h2>
<nav>
<ul class="navi">
<li><a href="#home">HOME</a></li>
<li><a href="#recent work">RECENT WORK</a></li>
<li><a href="#about me">ABOUT ME</a></li>
<li><a href="#contact">CONTACT</a></li>
</ul>
</nav>
</div>
<section>
<a name="recent work"></a>
<div class="head">
<h1>Recent Work</h1>
</div>
<h2>FindX</h2>
<div class="bg">
<p>FindX is an android application that once installed, runs as an invisible background service that can't
be uninstalled by a normal user.If a thief steals the phone, it get's locked with a preset password and
if an incorrent password is entered, the app automatically takes the thiefs photo and sends it to your
mail, the photo is accompanied with the devices location and a log of all the activities being performed
at that specific instance. When in panic mode, if the thief attempts shutting the phone off, the app
creates a fake shutdown and activates location and turns on data in the background and with that, the
phone can be easily tracked. Later versions of the app will be able to survive a factory reset.</p>
</div>
<h2>Technologies Used</h2>
<div class="bg">
<p>Github only supports static pages and at the moment, the mvp uses pure html, css and some javascript. The
Android prototype is made using java. The production model will use kotlin for the android app, ruby on
rails for the api and the backend and react for the frontend.</p>
</div>
<div class="view"><a href="https://chal13w1zz.github.io/FindX/" target="_blank">Click to view the project</a>
</div>
<img src="images/findx.png" alt="findx image" width="500px" height="400px">
<h2>StreetFood- Website</h2>
<div class="bg">
<p>This is a display of a landing page of a streetfood restaurant website. It showcases the services offered
which is incluive of different varities of meals. The webpage has navigation bar that when clicked will
redirect you to the specific folder that portrays the service offered</p>
</div>
<h2>Technologies Used</h2>
<div class="bg">
<p>The Streetfood Website was set up through the use of HTML and CSS tools.</p>
</div>
<div class="view"><a href="https://valentine-ochieng.github.io/StreetFood-Website/" target="_blank">Click to
view the project</a></div>
<img src="images/streetfood.png" alt="StreetFood-Website image" width="800px" height="400px">
<h2>Photography-website</h2>
<div class="bg">
<p>Photographic website is utilised to express emotion, touch, and love thus what you've recorded on film
will often last a lifetime. On that note, this website contains list of my favourite songs with links
attached to them which can enable an individual to get access to the songs. The links to the songs open
on a different tab page when clicked. Moreover, the website contains images of band members with thier
biography. On the biography section there is links attached that can also redirect you to the wikipedia
to obtain more information about the artists.</p>
</div>
<h2>Technologies Used</h2>
<div class="bg">
<p>I utilised HTML and CSS to deisgn the photographic website </p>
</div>
<div class="view"><a href="https://valentine-ochieng.github.io/Photography-website/" target="_blank">Click to
view the project</a></div>
<img src="images/photography.png" alt="StreetFood-Website image" width="700px" height="400px">
<div class="back">
<a href="#home">back to top</a>
</div>
<a name="about me"></a>
<div class="head">
<h1>About Me</h1>
</div>
<h2>Background</h2>
<h3>Education</h3>
<ul class="education">
<li><b>UNIVERSITY OF NAIROBI</b></li>
<li>Kenya, Nairobi</li>
<li>Bsc. Agricultural Economics</li>
</ul>
<ul class="education">
<li><b>MORINGA SCHOOL</b></li>
<li>Kenya, Nairobi</li>
<li>Software Development</li>
</ul>
<div class="bg">
<p>I decided to take programming classess since we are living in the age of technology, and it is showing no
signs of slowing down. Programmers will always be in great demand as the use of electronic gadgets grows
year after year. In addittion, computer programming, more than any other career, allows you to digitize
your ideas. This idea might be an app you wanted to make and felt would go popular once it was launched.
</p>
</div>
<h2>Hobbies/Interests</h2>
<div class="bg">
<p>Apart from programming i am martial art expert and one of my hobbies is working out.The gym helps
me clear my mind while also keeping me mentally fit. It also aids me in getting a better night's sleep.
Moreover, i love listening to music while exercising,reading and coding, thus it aids me easen tension
</p>
</div>
<h2>Skills</h2>
<div class="bg">
<p>A lot of the time, code is created to address a problem. As a result, I am able to recognize difficulties
and devise the most efficient programming solutions to them.I am coversant with languages and tools such
as:</p>
</div>
<img src="images/html-5.svg" width="200px" alt="html image">
<img src="images/css.svg" width="200px" alt="css image">
<img src="images/javascript.svg" width="200px" alt="js image">
<img src="images/github.svg" width="200px" alt="github image">
<div class="back">
<a href="#home">back to top</a>
</div>
<div class="main-contact">
<a name="contact"></a>
<div class="head">
<h1>Contact</h1>
</div>
<form action="#">
<div class="form">
<h1>Name: </h1>
<input type="text" placeholder="Name" class="name" required>
<h1>Email: </h1>
<input type="email" placeholder="Email" class="email" required>
<h1>Comments: </h1>
<input type="text" placeholder="Comments" class="comment">
<div class="submit">
<input type="submit">
</div>
</div>
</form>
<div class="contact1">
<a
href="https://web.facebook.com/campaign/landing.php?campaign_id=1654945421&extra_1=s%7Cc%7C318719778880%7Ce%7Cfacebook%20login%7C&placement&creative=318719778880&keyword=facebook%20login&partner_id=googlesem&extra_2=campaignid%3D1654945421%26adgroupid%3D69104019808%26matchtype%3De%26network%3Dg%26source%3Dnotmobile%26search_or_content%3Ds%26device%3Dc%26devicemodel%3D%26adposition%3D%26target%3D%26targetid%3Dkwd-1409285535%26loc_physical_ms%3D9076824%26loc_interest_ms%3D%26feeditemid%3D%26param1%3D%26param2%3D&gclid=CjwKCAjw4KyJBhAbEiwAaAQbE8idHSdesvWeasYKJFrOmcof_f5_d2eaJ17SXRpVgvQ6fGip46pl5BoC3PcQAvD_BwE&_rdc=1&_rdr">
<img src="images/facebook.svg" width="30px" alt="facebook image"></a>
<a href="https://www.instagram.com/">
<img src="images/instagram.svg" width="30px" alt="instagram image"></a>
<a href="mailto:[email protected]">
<img src="images/gmail.svg" width="30px" alt="gmail image"></a>
<a href="https://github.com/valentine-ochieng/Programming-portfolio">
<img src="images/github.svg" width="30px" alt="github image"></a>
</div>
<div class="back">
<a href="#home">back to top</a>
</div>
</div>
</section>
</body>
</html>