-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
95 lines (87 loc) · 4.97 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>Document</title>
</head>
<body>
<header id="header">
<a href="index.html" class="logo"><strong>Portfolio</strong><span class="my_name"> BY Fath Ellah Yousfi</span></a>
<nav id="nav">
<a href="index.html">Home</a>
<a href="activities.html">My Activities</a>
<a href="about.html">About</a>
<a href="#footer">contact</a>
</nav>
<!--this is menu berger-->
<div id="menuToggle" class="navigation">
<input type="checkbox" />
<span></span>
<span></span>
<span></span>
<ul id="menu">
<a href="index.html"><li>Home</li></a>
<a href="activities.html"><li>My Activities</li></a>
<a href="about.html"><li>About</li></a>
<a href="#footer"><li>Contact</li></a>
</ul>
</div>
</header>
<main class="abouts_main">
<img src="images/me.png" width="50%" height="50%" class="my_image" alt="you browser isn't supported">
<div class="articles">
<article>
<h2>The Short Story</h2>
Fath Ellah YOUSFI is a graphic designer with a focus on branding and illustration. He works out of a room with
some plants and his cats, well it's all boring. I am broud to say that I have bocome a FULL STACK web developer.
If you're interested in hiring him
(me), <a href="https://www.linkedin.com/in/fath-yousfi-880834141" target="_blank"> click here.</a>
</article>
<article>
<h2>The Long story</h2>
I was born in Ouarzazate Morroco, tajda. The son of a an electricien and a Researcher. We moved to nowhere, at all,
and experienced our first foray in the world of tropical weather: Hurricane Andrew. We survived that
night, a sister was born that night, and I continued to grow, with tons of other stuff that happened. Many
years later I attended the University of nowhere, intent on studying biotechnology or something marine
science-y. Instead, I swapped majors and graduated with a BFA in graphic design, because that’s what you do
when you don’t want to do science and maths or learn no more. I continued to learn things though. <br>
With more things happening in between, I moved out to top in 2011 and started working alongside five
other wonders at Fuzzco. I met my friends, we got a dog and after four years at Fuzzco I decided it was time to
let them go, because if you love something…
IF you are interested in working with me, please fill out the form on the right, or this project interview.
</article>
<article>
Select Clients Patagonia Warner Music Group Mailchimp Google Jeni's Ice Cream
Popular Mechanics University of Florida College of Charleston Huckberry Goodsprea Virgin Group G&S Jack Rudy Cocktail Co.
</article>
<pre><span><h1>PS: ↓</h1><h2>thigs I said are just a lie ☺</h2></span></pre>
</div>
<form action="">
<div class="form_container">
<div>
<label>Name:<span aria-hidden="false">*</span></label>
<input name="Name" placeholder=" NAME" type="text" autocomplete="off" spellcheck="false" aria-required="true">
</div>
<div>
<label>Email Address:<span aria-hidden="true">*</span></label>
<input name="email" placeholder=" email" type="email" autocomplete="email" spellcheck="false" aria-required="true">
</div>
<div>
<label>Subject:<span aria-hidden="true">*</span></label>
<input name="subject" placeholder=" subject" type="text" autocomplete="off" spellcheck="false" aria-required="true">
</div>
<div>
<label>Message:<span aria-hidden="true">*</span></label>
<textarea aria-required="true" placeholder=" message" autocomplete="off"></textarea>
</div>
</div>
<button class="mail-btn" type="submit">send</button>
</form>
</main>
<div class="copyright" style="text-align: center;background-color: rgba(224, 224, 224, 0.94);padding: 15px;z-index:9999">
©2020 Fey LTD. <a href="#footer" style="cursor: pointer; color: blue;">contact me</a><a onclick="alert('this page is under construction')" style="cursor: pointer; color: blue;">Terms & Conditions</a>
</div>
</body>
</html>