-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathiamsterdam.html
99 lines (90 loc) · 4.46 KB
/
iamsterdam.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>SRM - I AMsterdam</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">
<header>
<nav>
<a href="index.html"><img src="images/logoSRM.png" alt="SRM" title="" class="logo"></a>
<div class="navulcont">
<ul>
<li><a href="index.html#about">About</a></li>
<li><a href="index.html#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="iamsterdam" id="page-h3">
<h3>
I AMsterdam
</h3>
<div class="iamsterdam-intro">
<div class="iamsterdam-grid">
<img src="images/PlogDeDagDesktop.png" alt="" title="">
<p>
For this assignment we had to design a website that had the same design as that of I AMsterdam. It had to be a page that could easily fit on the site of I AMsterdam.
<br>
For this we had to take all kinds of elements from their website, choose which elements we would like to use and then apply them to our own website. We also had to indicate what the breakpoints were.
</p>
<img src="images/PlogDeDagDesktop.png" alt="">
<img src="images/PlogDeDagTablet.png" alt="">
<img src="images/PlogDeDagMobile%20%E2%80%93%20Breakpoint.png" alt="">
<img src="images/PlogDeDagMobile.png" alt="">
</div>
</div>
<div class="iamsterdam-gallery">
<img src="images/PlogDeDagDesktop.png" alt="">
</div>
</article>
<div class="next-back-buttons">
<div class="back-button">
<a href="ding.html"><img src="images/arrowreversed.png" alt="arrow" title="" class="button-arrow" id="arrow-reversed">D.I.N.G.</a>
</div>
<div class="next-button">
<a href="travelapp.html">Travel App
<img src="images/arrow.png" alt="arrow" title="" class="button-arrow"></a>
</div>
</div>
</main>
<footer>
<nav>
<a href="index.html"><img src="images/logoSRM.png" alt="SRM" title="" class="logo"></a>
<div class="navulcont">
<ul>
<li><a href="index.html#about">About</a></li>
<li><a href="index.html#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>
<div class="footerbuttons">
<div class="socialmedia">
<div class="socialmedia-cont">
<a href="https://www.instagram.com/salwaringim/" target="_blank"><img src="images/instagram.png" alt="instagram" class="socialmedia-icons"></a>
</div>
<div class="socialmedia-cont">
<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="socialmedia-cont">
<a href="https://dribbble.com/SalwaRM" target="_blank"><img src="images/dribbble.png" alt="dribbble" class="socialmedia-icons"></a>
</div>
<div class="socialmedia-cont" id="cv">
<a href="https://www.dropbox.com/s/cwaa9817lwu4qqt/CV.pdf?dl=0" target="_blank" ><p class="pdfs">Curriculum Vitae</p></a>
</div>
</div>
</div>
</footer>
</body>
</html>