-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
127 lines (120 loc) · 6.72 KB
/
Copy pathindex.html
File metadata and controls
127 lines (120 loc) · 6.72 KB
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
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-compatible"content="ie=edge">
<link rel="stylesheet" href="css/base.css">
<link rel="stylesheet" href="css/index.css">
<link rel="icon" href="img/o-for-oslo.svg" type="image/gif" sizes="17x17">
<meta name="theme-color" content="#02150D">
<meta name="msapplication-navbutton-color" content="#02150D">
<meta name="apple-mobile-web-app-status-bar-style" content="#02150D">
<title> Portfolio | Aria Oslo </title>
</head>
<body>
<!-- Show width of screen on resize
<span id="displayPixels" class="absolute"></span>
-->
<header>
<img src="img/site-logo.svg" alt="Aria Oslo's 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>
<h1>
Aria is an independent digital artist and puzzle enthusiast whose work intersects geometric
abstraction and portraiture. She is based in Portland, Oregon.
</h1>
</section>
<section class="project">
<div class="artwork">
<img src="img/lost-and-found.png" class="myImg">
</div>
<div class="description">
<h2> Lost and Found</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ullamcorper porttitor scelerisque.
Curabitur laoreet ex vitae magna eleifend posuere id quis risus. Morbi et lacinia libero. Ut pharetra
tortor vitae sem aliquam, ac volutpat est mattis. Orci varius natoque penatibus et magnis dis parturient
montes, nascetur ridiculus mus. Donec vitae tellus pellentesque, fringilla urna consequat, feugiat mi.
Sed ac nunc ex. Donec sollicitudin ligula non dui gravida, vitae pellentesque nunc pellentesque.
Cras sed quam ac purus vehicula vulputate.
</p>
</div>
</section>
<section class="project project-alt">
<div class="artwork">
<img src="img/far-away.png" class="myImg">
</div>
<div class="description">
<h2>Far Away</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ullamcorper porttitor scelerisque.
Curabitur laoreet ex vitae magna eleifend posuere id quis risus. Morbi et lacinia libero. Ut pharetra
tortor vitae sem aliquam, ac volutpat est mattis. Orci varius natoque penatibus et magnis dis parturient
montes, nascetur ridiculus mus. Donec vitae tellus pellentesque, fringilla urna consequat, feugiat mi.
Sed ac nunc ex. Donec sollicitudin ligula non dui gravida, vitae pellentesque nunc pellentesque.
Cras sed quam ac purus vehicula vulputate. Curabitur congue accumsan lorem, non consectetur diam varius
vitae. Donec non turpis vulputate, eleifend odio in, maximus dolor. Donec ac tellus sed dui pretium vehicula.
</p>
</div>
</section>
<section class="project">
<div class="artwork">
<img src="img/you-know-me-and-you-dont.png" class="myImg">
</div>
<div class="description">
<h2>You Know Me and You Don’t</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ullamcorper porttitor scelerisque.
Curabitur laoreet ex vitae magna eleifend posuere id quis risus. Morbi et lacinia libero. Ut pharetra
tortor vitae sem aliquam, ac volutpat est mattis. Orci varius natoque penatibus et magnis dis parturient
montes, nascetur ridiculus mus. Donec vitae tellus pellentesque, fringilla urna consequat, feugiat mi.
Sed ac nunc ex. Donec sollicitudin ligula non dui gravida, vitae pellentesque nunc pellentesque.
Cras sed quam ac purus vehicula vulputate. Curabitur congue accumsan lorem, non consectetur diam varius
vitae. Donec non turpis vulputate, eleifend odio in, maximus dolor. Donec ac tellus sed dui pretium vehicula.
</p>
</div>
</section>
<section class="project project-alt">
<div class="artwork">
<img src="img/fierce.png" class="myImg">
</div>
<div class="description">
<h2>Fierce</h2>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin ullamcorper porttitor scelerisque.
Curabitur laoreet ex vitae magna eleifend posuere id quis risus. Morbi et lacinia libero. Ut pharetra
tortor vitae sem aliquam, ac volutpat est mattis. Orci varius natoque penatibus et magnis dis parturient
montes, nascetur ridiculus mus. Donec vitae tellus pellentesque, fringilla urna consequat, feugiat mi.
Sed ac nunc ex. Donec sollicitudin ligula non dui gravida, vitae pellentesque nunc pellentesque.
Cras sed quam ac purus vehicula vulputate.
</p>
</div>
</section>
<footer>
<div class="footer-links">
<a href="https://www.instagram.com/obiagba_mary/">
<img src="img/aria-instagram.svg" alt="Aria Oslo instagram icon">
</a>
<a href="mailto:obiagba.mary.ifeoma@gmail.com">
<img src="img/aria-mail.svg" alt="Aria Oslo mail icon">
</a>
<a>
<img src="img/aria-share.svg" id="share" class="share" alt="Aria Oslo share icon">
</a>
</div>
<div class="input show-input">
<input type="text" class="link" value="https://ifycode.github.io/Aria-portfolio/">
<input type="submit" class="copy-link" value="Copy">
</div>
<div class="comment-box remove-opacity"></div>
<p>©2020 courtesy <a href="https://www.superhi.com/student/plan-design-code">SuperH!</a></p>
</footer>
<script src="js/index.js"></script>
</body>
</html>