-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
159 lines (139 loc) · 7.42 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Salwa Ringim Mohammed</title>
<link href="styles/portfolio.css" type="text/css" rel="stylesheet"/>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,600;0,700;0,800;1,300&display=swap" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body class="backgroundimg-home">
<header>
<nav>
<a href="index.html"><img src="images/logoSRM.png" alt="SRM" title="" class="logo"></a>
<div class="navulcont">
<ul>
<li><a href="#about">About</a></li>
<li><a href="#about">SKills</a></li>
<li><a href="latestwork.html">Latest Work</a></li>
<li><a href="myportfolio.html"> Portfolio</a></li>
<li><a href="workwithme.html">Work With Me</a></li>
</ul>
</div>
</nav>
</header>
<main>
<article class="intro">
<h2>Hi! My name is</h2>
<h1>Salwa Ringim Mohammed</h1>
<p>Student Communication & Multimedia Design</p>
</article>
<div class="socialmedia">
<div class="insta">
<a href="https://www.instagram.com/salwaringim/" target="_blank"><img src="images/instagram.png" alt="instagram" class="socialmedia-icons"></a>
</div>
<div class="linkedin">
<a href="https://www.linkedin.com/in/salwa-ringim-mohammed-5527b91b9" target="_blank"><img src="images/linkedin.png" alt="linkedin" class="socialmedia-icons"></a>
</div>
<div class="dribbble">
<a href="https://dribbble.com/SalwaRM" target="_blank"><img src="images/dribbble.png" alt="dribbble" class="socialmedia-icons"></a>
</div>
</div>
<div class="seperator" id="about">
<i></i>
</div>
<article class="aboutme-skills">
<div>
<h3>
About Me
</h3>
<p>
I am a second year CMD student at the Amsterdam University of Applied Sciences. CMD is a study about all kinds of digital interactions with a focus on Web Design, Web Development, and User Experience. I plan on narrowing my study to design and development.
<br><br>
When it comes to my personality, I am very ambitious and driven. It took me a long time to find this study, but over the course of a year and a half, I've absolutely fallen in love with this field of work. This relief and surprise at finally finding something I like, love even, has made me very passionate about everything I do and make. <br>
Though I'm passionate, I am also very reserved. I don't talk much nor am I really good at self-expression. However, this does not negate the fact that I am very much steadfast when it comes to my work. I design with purpose and reason.
</p>
</div>
<section>
<h3>
My Skills
</h3>
<div class="skillsgrid">
<div class="skillsgrid-icons">
<img src="images/coding.png" alt="coding" class="skillsgrid-icons-background">
<img src="images/graphicdesign.png" alt="graphic design" class="skillsgrid-icons-background">
<img src="images/xd.png" alt="Adobe XD" class="skillsgrid-icons-background">
<img src="images/pr.png" alt="Adobe Premiere Pro" class="skillsgrid-icons-background">
<img src="images/ae.png" alt="Adobe After Effects" class="skillsgrid-icons-background">
<img src="images/illustrator.png" alt="Adobe Illustrator" class="skillsgrid-icons-background">
</div>
<div class="skillsgrid-rate">
<img src="images/codingrate.png" alt="70%">
<img src="images/graphicdesignrate.png" alt="60%">
<img src="images/xdrate.png" alt="80%">
<img src="images/prrate.png" alt="55%">
<img src="images/aerate.png" alt="60%">
<img src="images/illustratorrate.png" alt="70%">
</div>
</div>
</section>
</article>
<div class="seperator">
<i></i>
</div>
<article class="latestwork-home">
<h3>
My Latest Work
</h3>
<div class="latestwork-home-flex">
<div class="latestwork-home-grid">
<img src="images/souhaweb.png" alt="Thrifting Webshop">
<img src="images/souhabranding.png" alt="Branding">
<img src="images/souhalogo.png" alt="Logo">
<img src="images/souhalogo2.png" alt="Alternate logo">
</div>
<p>
This is the website I'm currently working on. <br>It's for a small thrifting business. It's an ongoing project.
</p>
</div>
</article>
<div class="seperator">
<i></i>
</div>
<article class="portfolio-home">
<h3>
My Portfolio
</h3>
<div class="thumbnails">
<a href=latestwork.html><img src="images/souhathumbnail.png" alt="Thrift Shop" title="" class="thumbnail"></a>
<a href="remmor.html"><img src="images/remmorthumbnail.png" alt="REMMOR" title="" class="thumbnail"></a>
<a href="ding.html"><img src="images/dingthumbnail.png" alt="D.I.N.G." title="" class="thumbnail"></a>
<a href="iamsterdam.html"> <img src="images/IAMthumbnail.png" alt="I AMsterdam" title="" class="thumbnail"></a>
<a href="travelapp.html"><img src="images/webthumbnail.png" alt="Travel App" title="" class="thumbnail"></a>
</div>
<div class="seeall-button">
<a href="myportfolio.html">See all
<img src="images/arrow.png" alt="arrow" title="" class="button-arrow"></a>
</div>
</article>
<div class="seperator">
<i></i>
</div>
<article class="workwithme-home">
<h4>I would love to work with you!</h4>
<p>
Has anything in my portfolio piqued your interest? If so, please allow me to use and better my skills while broadening your business.
</p>
<br><br>
<p><a href="mailto:[email protected]" target="_blank">E-mail Me</a>
<br><br><br>
Tel: +31622488944
</p>
</article>
<div class="seperator">
<i></i>
</div>
</main>
</body>
</html>