-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
119 lines (106 loc) · 4.9 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
<!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">
<link rel="icon" type="image/png" href="logomark-component.svg" sizes="32x32">
<title>Aria Oslo</title>
</head>
<body>
<header>
<img src="site-logo.svg" alt="Aria oslo logo">
<nav>
<a href="index.html" class="selected">Portfolio</a>
<a href="about.html">About</a>
<a href="contact.html">Contact</a>
</nav>
</header>
<section class="section-1">
<h1>Aria is an <span>independent digital artist</span> and puzzle enthusiast whose work intersects <span class="green">geometric abstraction</span> and portraiture. She is based in Portland, Oregon.</h1>
</section>
<section class="project">
<div class="artwork">
<img src="Lost and Found.png" alt="">
</div>
<div class="description">
<h2>Lost and Found</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laudantium aliquid, perferendis sit cupiditate molestiae aut libero debitis cumque nisi iure ratione quos vero minus possimus tempore nam. Praesentium, ipsa voluptas.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic, dolore? Dicta qui nobis placeat? Quia nam vero consequatur doloremque molestias eaque magnam sunt, porro totam! Asperiores, alias aperiam! Nihil, ipsa.
</p>
</div>
</section>
<section class="project project-alt">
<div class="artwork">
<img src="Far Away.png" alt="">
</div>
<div class="description">
<h2>Far Away</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laudantium aliquid, perferendis sit cupiditate molestiae aut libero debitis cumque nisi iure ratione quos vero minus possimus tempore nam. Praesentium, ipsa voluptas.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic, dolore? Dicta qui nobis placeat? Quia nam vero consequatur doloremque molestias eaque magnam sunt, porro totam! Asperiores, alias aperiam! Nihil, ipsa.
</p>
</div>
</section>
<section class="project">
<div class="artwork">
<img src="You Know Me and You Don't.png" alt="">
</div>
<div class="description">
<h2>You Know Me and You Don't</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laudantium aliquid, perferendis sit cupiditate molestiae aut libero debitis cumque nisi iure ratione quos vero minus possimus tempore nam. Praesentium, ipsa voluptas.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic, dolore? Dicta qui nobis placeat? Quia nam vero consequatur doloremque molestias eaque magnam sunt, porro totam! Asperiores, alias aperiam! Nihil, ipsa.
</p>
</div>
</section>
<section class="project project-alt">
<div class="artwork">
<img src="Fierce.png" alt="">
</div>
<div class="description">
<h2>Fierce</h2>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laudantium aliquid, perferendis sit cupiditate molestiae aut libero debitis cumque nisi iure ratione quos vero minus possimus tempore nam. Praesentium, ipsa voluptas.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic, dolore? Dicta qui nobis placeat? Quia nam vero consequatur doloremque molestias eaque magnam sunt, porro totam! Asperiores, alias aperiam! Nihil, ipsa.
</p>
</div>
</section>
<!-- <section class="alice-layout">
<img src="Lost and Found.png" >
<img src="connieImages/animatedImage_conniePatterns.gif" >
<h2>Lost and Found</h2>
<div>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Laudantium aliquid, perferendis sit cupiditate molestiae aut libero debitis cumque nisi iure ratione quos vero minus possimus tempore nam. Praesentium, ipsa voluptas.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Hic, dolore? Dicta qui nobis placeat? Quia nam vero consequatur doloremque molestias eaque magnam sunt, porro totam! Asperiores, alias aperiam! Nihil, ipsa.</p>
</div>
</section> -->
<!-- <section class="grid-layout">
<div>
<img src="Lost and Found.png" >
<h2>Lost and Found</h2>
</div>
<div>
<img src="Lost and Found.png" >
<h2>Lost and Found</h2>
</div>
</section> -->
<footer>
<a href="#">
<ion-icon name="logo-instagram"></ion-icon>
</a>
<a href="#">
<ion-icon name="logo-twitter"></ion-icon>
</a>
<a href="#">
<ion-icon name="logo-facebook"></ion-icon>
</a>
<a href="#">
<ion-icon name="logo-whatsapp"></ion-icon>
</a>
<a href="mailto: [email protected]">
<ion-icon name="mail-outline"></ion-icon>
</a>
</footer>
<script type="module" src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.esm.js"></script>
<script nomodule src="https://unpkg.com/[email protected]/dist/ionicons/ionicons.js"></script>
<script src="index.js"></script>
</body>
</html>