-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
60 lines (56 loc) · 2.72 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Portfolio</title>
<link href="styles/styles.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet">
</head>
<body>
<main>
<!--
<nav id="navbar" class="nav">
<ul class="nav-list">
<li><a href="#welcome-section">About</a></li>
<li><a href="#projects">Work</a></li>
<li><a href="#footer">Contact</a></li>
</ul>
</nav>
<section id="welcome-section">
<h1>@play_granblue_fantasy</h1>
<p>artist</p>
</section>
<section id="projects">
<h2 class="projects-header">My work</h2>
<div class="projects-grid">
<div id="project-tile" class="project-tile">
<h3 class="tile-header">Study</h3>
<a id="profile-link" href="">
<img class="project-image" src="https://pbs.twimg.com/media/FTk7DeiWQAIfR4W?format=jpg&name=large" alt="two sabre fencers"></a>
</div>
</div>
</section>
<footer id="footer">
<a href=""> <img src="https://en.instagram-brand.com/wp-content/themes/ig-branding/prj-ig-branding/assets/images/ig-logo-black.svg" alt="black and white Instagram glyph logo"></a>
</footer>
-->
<div class="brick-container-container">
<div class="brick-container">
<figure class="brick"><img src="images/(3).png"></figure>
<figure class="brick"><img src="images/(5).png"></figure>
<figure class="brick"><img src="images/back.jpg"></figure>
<figure class="brick"><img src="images/03-28-2022.png"></figure>
<figure class="brick"><img src="images/01-16-2022.png"></figure>
<figure class="brick"><img src="images/5-8-2021.jpg"></figure>
<figure class="brick"><img src="images/05-24-2022.png"></figure>
<figure class="brick"><img src="images/5-27-2021.png"></figure>
<figure class="brick"><img src="images/9-9-2021.jpg"></figure>
<figure class="brick"><img src="images/9-6-2021-2.jpg"></figure>
<figure class="brick"><img src="images/8-23-21-2.png"></figure>
<figure class="brick"><img src="images/torsos.png"></figure>
</div>
</div>
</main>
<script src="scripts/main.js"></script>
</body>
</html>