forked from Syedameenp/personalpfolio
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
120 lines (119 loc) · 5.71 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
<!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>Syed.me</title>
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" href="/img/Daco_158498.png" type="image/x-icon">
</head>
<body>
<header>
<div class="logo">
<img src="img/syedme logo.png"height="63"width="177"alt="logo">
</div>
<div class="navbar">
<nav>
<ul>
<li> <a href="#about"><span class="numbers">1.</span> <span class="navicon">About</span></a> </li>
<li> <a href="#"><span class="numbers">2.</span> <span class="navicon">Experience</span> </a> </li>
<li> <a href="#"><span class="numbers">3.</span><span class="navicon">Work</span></a> </li>
<li> <a href="#"><span class="numbers">4.</span><span class="navicon">Contact</span></a></li>
</ul>
</nav>
</div>
</header>
<main>
<div class="container" >
</div>
<div class="intro" >Hello there, my name is
</div>
<h1>Syed Ameen.</h1>
<h1 class="intro2">I build things for the web.</h1>
<div class="containt" >
<pre> I'm a software engineer specializing in building (and occasionally designing) exceptional digital experiences.
Currently, I'm focused on building accessible, human-centered products at
Upstatement.</pre>
</div>
</main>
<div class="btn">
<a href="/docs/Syed's_Resume.pdf" download="Syed's_Resume">Resume</a>
<div>
<a href="https://github.com/Syedameenp" target="_blank">
<svg xmlns="http://www.w3.org/2000/svg" class="icon" width="32" height="32" viewBox="0 0 24 24" stroke-width="1.5" stroke="#ffffff" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
<path d="M9 19c-4.3 1.4 -4.3 -2.5 -6 -3m12 5v-3.5c0 -1 .1 -1.4 -.5 -2c2.8 -.3 5.5 -1.4 5.5 -6a4.6 4.6 0 0 0 -1.3 -3.2a4.2 4.2 0 0 0 -.1 -3.2s-1.1 -.3 -3.5 1.3a12.3 12.3 0 0 0 -6.2 0c-2.4 -1.6 -3.5 -1.3 -3.5 -1.3a4.2 4.2 0 0 0 -.1 3.2a4.6 4.6 0 0 0 -1.3 3.2c0 4.6 2.7 5.7 5.5 6c-.6 .6 -.6 1.2 -.5 2v3.5" /></a>
</svg>
<a href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="32" height="32" viewBox="0 0 24 24" stroke-width="1.5" stroke="#ffffff" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
<rect x="4" y="4" width="16" height="16" rx="2" />
<line x1="8" y1="11" x2="8" y2="16" />
<line x1="8" y1="8" x2="8" y2="8.01" />
<line x1="12" y1="16" x2="12" y2="11" />
<path d="M16 16v-3a2 2 0 0 0 -4 0" />
</svg></a>
<a href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="32" height="32" viewBox="0 0 24 24" stroke-width="1.5" stroke="#ffffff" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
<rect x="4" y="4" width="16" height="16" rx="4" />
<circle cx="12" cy="12" r="3" />
<line x1="16.5" y1="7.5" x2="16.5" y2="7.501" />
</svg></a>
<a href="#"><svg xmlns="http://www.w3.org/2000/svg" class="icon" width="32" height="32" viewBox="0 0 24 24" stroke-width="1.5" stroke="#ffffff" fill="none" stroke-linecap="round" stroke-linejoin="round">
<path stroke="none" d="M0 0h24v24H0z" fill="none"/>
<path d="M3 15l9 6l9 -6l-9 -6l-9 6" />
<path d="M3 9l9 6l9 -6l-9 -6l-9 6" />
<line x1="3" y1="9" x2="3" y2="15" />
<line x1="21" y1="9" x2="21" y2="15" />
<line x1="12" y1="3" x2="12" y2="9" />
<line x1="12" y1="15" x2="12" y2="21" />
</svg></a>
</div>
</div>
<br>
<div class="aboutme" >
<h2>1.About Me</h2>
<div class="part1">
<pre>Hello! My name is Brittany and I enjoy creating things that live on the internet. My interest in
web development started back in 2012 when I decided to try editing custom Tumblr themes — turns
out hacking together a custom reblog button taught me a lot about HTML & CSS!</pre>
<br>
<pre>
Fast-forward to today, and I've had the privilege of working at an advertising agency, a
start-up, a huge corporation, and a student-led design studio. My main focus these days is
building accessible, inclusive products and digital experiences at Upstatement for a variety of
clients.</pre>
<br>
<pre>
I also recently launched a course that covers everything you need to build a web app with the
Spotify API using Node & React.</pre>
<br>
<pre>
Here are a few technologies I've been working with recently:</pre>
</div>
<div class="part2">
<ul>
<li>JavaScript (ES6+)</li>
<li>React</li>
<li>Node.js</li>
</ul>
<br>
<ul>
<li>TypeScript</li>
<li>Eleventy</li>
<li>WordPress</li>
</ul>
</div>
<h2>2. Where I've Worked</h2>
<div class="experience">
<pre>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quidem ullam non
cumque sequi temporibus neque beatae, doloremque, repellendus
recusandae quod officiis deserunt esse ut fugiat blanditiis ducimus at
laudantium. Laborum eius ipsum quo corporis. Et, fugiat excepturi aperiam
nam harum enim, aliquid, voluptates est ea earum fugit explicabo minima
architecto?</pre>
</div>
<footer>
</footer>
</body>
</html>