-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
119 lines (105 loc) · 4.39 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">
<title>Museu Online</title>
<link href="https://fonts.googleapis.com/css2?family=Manrope:wght@300;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./public/css/main.css">
<link rel="stylesheet" href="./public/css/index.css">
<link rel="stylesheet" href="./public/css/responsive.css">
</head>
<body>
<div id="page-home">
<div class="content">
<header>
<a href="#" id="brand">
<img src="./public/images/angle-double-right-solid.svg" alt="Logo">
<h1>Museu Online</h1>
</a>
<a href="#footer" id="who-button">Quem sou</a>
</header>
<main>
<h2>Minhas Obras</h2>
<div id="paints" class="row">
<div class="paint">
<img src="public/images/paints/janelinhas/1.jpg" alt="Janelinhas">
<p>
<span>Janelinhas</span>
Vejo essas janelinhas todos os dias a alguns bons anos, aproveitei o tempo livre pra finalmente fazer uma aquarelinha delas.
</p>
</div>
<div class="paint even">
<p>
<span>A Namoradeira</span>
Tenho que começar a dar nome pras coisas que faço... ou não.
Esse é mais um estudo/teste com guache, foi inspirado na arte da @agnesgrochulska e eu amei muito o resultado.<br><br>
<i>Guache e nanquim sobre papel kraft.</i>
</p>
<img src="public/images/paints/namoradeira/0.png" alt="Namoradeira">
</div>
<div class="paint">
<img src="public/images/paints/semSaco/1.jpg" alt="Sem Saco">
<p>
<span>Sem Saco</span>
Testando guache dessa vez! Fiz um autoretrato do meu mood
nessa quarentena: sem saco.
</p>
</div>
<div class="paint even">
<p>
<span>O que é Desenho?</span>
Esse é um dos desenhos mais significativos pra mim.
É uma resposta a pergunta feita pela minha professora de desenho: <i>"O que é desenho?"</i>.<br><br>
Ele representa o que eu sinto e tento colocar nos trabalhos que faço.
É algo que vem de dentro pra fora, que brota, cresce e florece.<br>
É expressão.<br>
<i>É colocar tudo pra fora.</i>
</p>
<img src="public/images/paints/oqEhDesenho/0.png" alt="O que é Desenho?">
</div>
</div>
</main>
<footer id="footer">
<h2>Quem sou!</h2>
<div id="presentation">
<img src="public/images/img.jpg" alt="Artista">
<p>
Lorem ipsum dolor sit, amet consectetur adipisicing elit.
Placeat perspiciatis saepe debitis obcaecati sapiente recusandae
sequi velit omnis, pariatur ab vel harum voluptates soluta non
deleniti maiores molestias eius esse.
Lorem ipsum dolor sit, amet consectetur adipisicing elit.
Placeat perspiciatis saepe debitis obcaecati sapiente recusandae
sequi velit omnis, pariatur ab vel harum voluptates soluta non
deleniti maiores molestias eius esse.
Lorem ipsum dolor sit, amet consectetur adipisicing elit.
Placeat perspiciatis saepe debitis obcaecati sapiente recusandae
sequi velit omnis, pariatur ab vel harum voluptates soluta non
deleniti maiores molestias eius esse.
Lorem ipsum dolor sit, amet consectetur adipisicing elit.
Placeat perspiciatis saepe debitis obcaecati sapiente recusandae
sequi velit omnis, pariatur ab vel harum voluptates soluta non
deleniti maiores molestias eius esse.
</p>
</div>
</footer>
<div id="modal" class="hide">
<div class="content">
<img src="" alt="">
<span id="close" onclick="closeModal()"></span>
<div id="arrows">
<button id="arrow-left" class="1 arrow">
<span></span>
</button>
<button id="arrow-right" class="2 arrow">
<span></span>
</button>
</div>
</div>
</div>
</div>
</div>
<script src="public/js/script.js"></script>
</body>
</html>