-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathIndex.html
93 lines (87 loc) · 3.65 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
<!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>Amanda Norell</title>
</head>
<body>
<header>
<nav>
<h1 class="logo">Amanda Norell</h1>
<ul>
<li class="nav-list"><a href="#about">About Me</a></li>
<li class="nav-list"><a href="#case">Case Studies</a></li>
<li class="nav-list"><a href="#contact">Contact</a></li>
</ul>
</nav>
</header>
<section class= "introtext">
<h1>I'm Amanda, a UX/UI Designer based in Stockholm.</h1>
</section>
<section id="about">
<div class="titlepic">
<h2>About Me</h2>
<img src="Group 1.png" alt="Me">
</div>
<div class="textbutton">
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Repellendus reprehenderit rerum numquam optio, pariatur assumenda fugit nam eveniet natus sed quas fugiat error? Eum alias facere sunt nemo animi quos! Lorem ipsum dolor, sit amet consectetur adipisicing elit. Repellendus reprehenderit rerum numquam optio, pariatur assumenda fugit nam eveniet natus sed quas fugiat error? Eum alias facere sunt nemo animi quos!</p>
<button class="button">Read More</button>
</div>
</section>
<section id="case">
<h1>Case Studies</h1>
<div class="card">
<div class=titlepic2>
<h3>Adding Shuffle to Netflix</h3>
<img src="Netflix.png" alt="Project 1"/>
</div>
<div class="textbutton2">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos qui iste deserunt magni commodi, quos modi vitae natus et eligendi voluptatibus.</p>
<p class="tools">Tools and methodologies: </p>
<p>Lorem <br> Lorem <br> Lorem </p>
<button class="button">Read More</button>
</div>
</div>
<div class="card">
<div class="titlepic2">
<h3>Caregiving Services E-commerce</h3>
<img src="LF.png" alt="Project 2"/>
</div>
<div class="textbutton2">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos qui iste deserunt magni commodi, quos modi vitae natus et eligendi voluptatibus.</p>
<p class="tools">Tools and methodologies: </p>
<p>Lorem <br> Lorem <br> Lorem </p>
<button class="button"> Read More </button>
</div>
</div>
<div class="card">
<div class="titlepic2">
<h3>Burning Man's New Website</h3>
<img src="Burning Man.png" alt="Project 3"/>
</div>
<div class="textbutton2">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eos qui iste deserunt magni commodi, quos modi vitae natus et eligendi voluptatibus.</p>
<p class="tools">Tools and methodologies: </p>
<p>Lorem <br> Lorem <br> Lorem </p>
<button class="button">Read More</button>
</div>
</div>
</section>
<section id="contact">
<h2>Contact me</h2>
<div>
<p id="hey">E-mail:</p>
<p> amandolino1994@hotmail.com</p>
</div>
<div>
<p id="hey">Telephone:</p>
<p> +46 706 56 25 56</p>
</div>
</section>
<footer>
<span>Copyright 2020 @ Amanda Norell</span>
</footer>
</body>
</html>