-
Notifications
You must be signed in to change notification settings - Fork 0
/
illustration.html
141 lines (110 loc) · 5.91 KB
/
illustration.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
<!doctype html>
<html lang="en">
<head>
<title>Illustrations</title>
<link rel="icon" type="image/x-icon" href="/images/mylogo.ico">
<!-- From https://www.w3schools.com/html/html_favicon.asp -->
<meta name="author" content="Larissa">
<meta name="description" content="This is a Graphic Design and Illustration portfolio website.">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Bootstrap link must go above my overrides -->
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-0evHe/X+R7YkIZDRvuzKMRqM+OrBnVFBL6DOitfPri4tjfHxaWutUpFmBp4vmVor" crossorigin="anonymous">
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Arima:wght@600;700&family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:wght@500;700;900&display=swap"
rel="stylesheet">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Arima:[email protected]&display=swap" rel="stylesheet">
<!-- My overides stylesheet -->
<link href="css/styles.css" rel="stylesheet">
</head>
<body id="top">
<header class="bg-custom">
<nav class="container navbar navbar-expand-lg navbar-dark">
<menu class="container-fluid">
<!-- <a class="navbar-brand" href="/index.html"><img class="mylogo" src="images/mylogo.png" alt="This is an image of a logo."></a> -->
<button class="navbar-toggler custom-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse justify-content-end" aria-label="navigation bar" id="navbarNavAltMarkup">
<div class="navbar-nav" aria-label="navigation bar">
<a class="nav-link" href="/index.html">Home</a>
<a class="nav-link" href="/about.html">About Me</a>
<a class="nav-link" href="/design.html">Design</a>
<a class="nav-link" href="/illustration.html">Illustration</a>
</div>
</div>
</menu>
</nav>
</header>
<main class="illustrationtitle"><!-- Start title -->
<section class="container">
<h1 class="textstyle textstyle4">illustration</h1>
</section>
</main> <!-- END title -->
<section class="centeralign"><!-- START description -->
<p>
These illustrations were made by me using the Procreate App and Adobe Illustrator.
</p>
</section><!-- END description -->
<section class="illustration grid7 container centeralign"><!-- Start grid -->
<div class="gallery-item box1" aria-label="image container">
<a href="https://humbergalleries.ca/larissa-carvalho-rodrigues-siemens-art-call-2022" target="_blank"> <img
class="gallery-image imagefull" src="images/Illustration/1.jpg"
alt="This is an image of an illustration."></a>
</div>
<div class="gallery-item box2" aria-label="image container">
<img class="gallery-image imagefull" src="images/Illustration/3.jpg" alt="This is an image of an illustration.">
</div>
<div class="gallery-item box3" aria-label="image container">
<img class="gallery-image imagefull" src="images/Illustration/5.jpg" alt="This is an image of an illustration.">
</div>
<div class="gallery-item box4" aria-label="image container">
<img class="gallery-image imagefull" src="images/Illustration/2.jpg" alt="This is an image of an illustration.">
</div>
<div class="gallery-item box5" aria-label="image container">
<img class="gallery-image imagefull" src="images/Illustration/7.jpg" alt="This is an image of an illustration.">
</div>
<div class="gallery-item box6" aria-label="image container">
<img class="gallery-image imagefull" src="images/Illustration/9.jpg" alt="This is an image of an illustration.">
</div>
<div class="gallery-item box7" aria-label="image container">
<img class="gallery-image imagefull" src="images/Illustration/6.jpg" alt="This is an image of an illustration.">
</div>
<div class="gallery-item box8" aria-label="image container">
<img class="gallery-image imagefull" src="images/Illustration/8.png" alt="This is an image of an illustration.">
</div>
</div>
</section><!-- END grid -->
<footer><!-- START Footer -->
<div class="centeralign" aria-label="social media icons container">
<a href="https://www.linkedin.com/in/larissacr/" target=”_blank”><img class="mysocialmedia"
src="images/icons/linkedinrose.png" alt="This is a linkedin icon."></a>
<a href="https://www.instagram.com/larisdesigns/" target=”_blank”><img class="mysocialmedia"
src="images/icons/instagramrose.png" alt="This is an instagram icon."></a>
<a href="https://www.behance.net/lah_c_r" target=”_blank”><img class="mysocialmedia"
src="images/icons/behancerose.png" alt="This is a behance icon."></a>
</div>
<p>
By Larissa Carvalho
</p>
<div class="next" aria-label="icon container">
<a href="#top">
<img src="images/icons/up.png" alt="up icon">
</a>
</div>
</footer><!-- END Footer -->
<!-- Bootstrap Javascript should go above the closing BODY tag-->
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-pprn3073KE6tl6bjs2QrFaJGz5/SUsLqktiwsUTF55Jfv3qYSDhgCecCxMW52nD2"
crossorigin="anonymous"></script>
<script src="js/main.js"></script>
</body>
</html>