-
Notifications
You must be signed in to change notification settings - Fork 0
/
Proj.html
242 lines (223 loc) · 10.6 KB
/
Proj.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
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
<!DOCTYPE html>
<head>
<title>Welcome to My Home Page</title>
<meta charset="utf-8">
<meta http-equiv="viewport" content="width" device-width="initial scale 0.1">
<meta name="discription" content="Welcome to Darls Portfolio">
<link rel="stylesheet" type="text/css" href="stan.css">
</head>
<body>
<div class="home-container">
<!-- header design -->
<div class="header-0">
<!-- navigation part -->
<div class="nav-nav">
<span class="open-slide">
<a href="#" onclick="openSlideMenu()" style="float: left;">
<svg width="30" height="30">
<path d="M0,5 30,5" stroke="black" stroke-width="4"/>
<path d="M0,14 30,14" stroke="black" stroke-width="4"/>
<path d ="M0,23 30,23" stroke="black" stroke-width="4"/>
</svg>
</a>
</span>
<div id="side-menu" class="side-nav">
<a href="#" class="btn-close" onclick="closeSlideMenu()">×</a>
<a href="index.html">Home</a>
<a href="About.html">About</a>
<a href="Proj.html">Projects</a>
</div>
<script type="text/javascript">
function openSlideMenu(){
document.getElementById('side-menu').style.width = '250px';
document.getElementById('main').style.marginLeft = '250px';
}
function closeSlideMenu(){
document.getElementById('side-menu').style.width = '0';
document.getElementById('main').style.marginLeft = '0';
}
</script>
</div>
<div class="name-header">
<h4>Darl<span style="font-size: 19px;
color: #014421;
font-style: italic;"
>Portfolio</span></h4>
</div>
<div class="header-2">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="About.html">About</a></li>
<li> <a href="Proj.html">Projects</a></li>
</ul>
</div>
</div>
<!-- CODE STARTS HERE -->
<div class="proj">
<div class="about-1">
<!-- transitition with amazing background and text -->
<h3>Explore my WORK and <br>PROJECTS as a <span>SOFTWARE ENGINEER</span></h3>
</div>
<div class="proj-0">
<!-- technical writing -->
<div class="proj-1">
<h2 style="margin: 25px;">Project I: Technical Writing & Copywriting</h2>
<div class="pro">
<div class="pro-img">
<img src="appmg/hand-5816640_1280.jpg" width="100%">
</div>
<div class="pro-wr">Throughout this side project, of creating various articles,
pitches and courses I mainly focused on using my intuition.
I kept in my mind the needs of the user or reader, acknowledging firstly
their needs and wants and addressing each part of them thoroughly.<br>
<p>
More importantly, learning from the mistakes of countless writers I have
been able to spurn myself ahead, using all their mistakes as a stepping stone to
improve myself and my approach to writing copies, blogs, books and articles
in general.
</p>
<br>
<button class="btn"><a href="work1.html">
See more
</a></button>
</div>
</div>
</div>
<!-- Ui design -->
<div class="proj-2">
<h2 style="margin: 25px;">Project II: UI & UX Design</h2>
<div class="pro">
<div class="pro-img">
<img src="appmg/ux-788002_1280.jpg" width="100%">
</div>
<div class="pro-wr">Throughout this entire UI & UX design my creativity has been
put to the test. Embarking on creating designs that focus on captivating
the user's attention and ensure valuable conversions has been my number one pritority.
<p>
Also creating user-friendly UX designs, have been one of my main focus.
My designs included using several tools to ensure that the users connect with
the visuals. Incorporating my intuition with backed up research I have been
able to understand things that appeal to users all over the globe.
</p>
<br><button class="btn"><a href="work2.html">
See more
</a></button>
</div>
</div>
</div>
<!-- Fullstack deving -->
<div class="proj-3">
<h2 style="margin: 25px;">Project III: Full-stack Development</h2>
<div class="pro">
<div class="pro-img">
<img src="appmg/code-1839406_1280.jpg" width="100%">
</div>
<div class="pro-wr">
These projects had lots of failures which has lead to it's completion and I can say
that it has all been worth it. I decided to focus on my projects functionality
and using my knowledge on designing, and it all turned out wonderful.
<p>Over the course of two years I have mastered javascript and React to
create web applications and lots more. I also have proficient knowledge on PHP
and database management.
My projects speak for themselves and I'm engaging
in lots of group projects and aiming to become a top tier Software Developer.
So just know that whatever project you throw my way I'm gonna adapt and perfectly
fit into your already existing group.
</p>
<br><button class="btn"><a href="work3.html">
See more
</a></button>
</div>
</div>
</div>
<div class="proj-4">
<h2 style="margin: 25px;">Project IV: Video Editing & Content Creation</h2>
<div class="pro">
<div class="pro-img">
<img src="appmg/editing-7320125_1280.jpg" width="100%">
</div>
<div class="pro-wr">
As a content creator, and a video editor lots of ideas have been put towards
creating something that is valuable to my unendless audience.
My content focuses on providing valuable information yet
entertaining to the general public.
<p>
My video editing skills are improving, because I get to experiment
and use new softwares that are currently trending to craft clear and
hooking videos to appeal to any audience.
</p>
<br><button class="btn"><a href="work4.html">
See more
</a></button>
</div>
</div>
</div>
</div>
</div>
</div>
<hr style="padding: 1px; width: 90%; margin: auto; background-color: black; margin-top: 25px;">
<!-- footer -->
<div class="men">
<div class="footer-container">
<div class="foot-3">
<h3>Tools & Software</h3>
<ul>
<li><a href="#">Figma</a></li>
<li><a href="#">Canva</a></li>
<li><a href="#">Adobe Premiere Pro</a></li>
<li><a href="#">Bootstrap</a></li>
<li><a href="#">Visual Studio Code</a></li>
<li><a href="#">Git</a></li>
<li><a href="#">Sublime Text</a></li>
<li><a href="#">And Lots More......</a></li>
</ul>
</div>
<div class="foot-1">
<h3>Quick Links</h3>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="About.html">About Me</a></li>
<!-- <li><a href="cont.html">Contact Me</a></li> -->
<li><a href="Proj.html">Projects</a></li>
</ul>
</div>
<div class="foot-2">
<h3>Contact</h3>
<!-- <div class="foot-2-1">
<img src="port_images/call.png" width="10%">
<p>Our Blog</p>
</div> -->
<div class="foot-2-1">
<a href="mailto:[email protected]">
<!-- <img src="port_images/ea.png" width="10%"> -->
<p style="color: #014421;">[email protected]</p>
</a>
</div>
<div class="foot-2-1">
<a href="mailto:[email protected]">
<!-- <img src="port_images/ea.png" width="10%"> -->
<p style="color: #014421;">[email protected]</p>
</a>
</div>
</div>
</div>
<div class="men-1">
<a href="https://www.linkedin.com/in/darlington-iroegbu-87b836293">
<img src="appmg/app (1).png" width="10%">
</a>
<a href="https://twitter.com/Darlington97841">
<img src="appmg/app (2).png" width="10%">
</a>
<a href="https://www.instagram.com/lord.wunder?igsh=cGNnMjJwbHIzMXV4">
<img src="appmg/app (3).png" width="10%">
</a>
<a href="https://m.facebook.com/profile.php?id=100061498465212">
<img src="appmg/app (4).png" width="10%">
</a>
<a href="mailto:[email protected]">
<img src="appmg/icons8-email-48.png" width="10%">
</a>
</div>
</div>
</body>
</html>