-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
88 lines (82 loc) · 4.57 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
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="assets/css/main.css">
<title>Craque Neto Ipsum - Um baita de um Lorem Ipsum, diga-se de passagem!</title>
<meta name="description" content="Craque Neto Ipsum - Um baita de um Lorem Ipsum, diga-se de passagem!">
<meta property="og:description" content="Craque Neto Ipsum - Um baita de um Lorem Ipsum, diga-se de passagem!">
<meta property="og:title" content="Craque Neto Ipsum - Um baita de um Lorem Ipsum, diga-se de passagem!">
<meta name="keywords" content="Craque Neto Ipsum, Craque, Neto, Ipsum, Lorem Ipsum, Craque Neto">
</head>
<body>
<header class="header">
<div class="container">
<img src="assets/img/craqueneto.jpg" alt="" class="header__logo">
<h1 class="header__h1">Craque Neto <span>Ipsum</span></h1>
<h2 class="header__h2">Um baita de um Lorem Ipsum, diga-se de passagem!</h2>
</div>
</header>
<section class="first-frame">
<div class="container">
<div class="card mx-4 df-12 -first">
<form id="gera-paragrafo" class="card__container">
<label for="numero-paragrafo" class="card__big-text">Quantos parágrafos<br> océ precisa
mermão?</label>
<input type="number" name="" id="numero-paragrafo" min="1" class="card__input" value="1" required>
<button class="card__submit">Gera os parágrafos ai Cascão!</button>
</form>
</div>
<div class="card mx-4 df-12">
<div class="card__container">
<textarea name="" id="result" readonly></textarea>
<button class="card__copy" id="copy-text">
<i>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512">
<path
d="M502.6 70.63l-61.25-61.25C435.4 3.371 427.2 0 418.7 0H255.1c-35.35 0-64 28.66-64 64l.0195 256C192 355.4 220.7 384 256 384h192c35.2 0 64-28.8 64-64V93.25C512 84.77 508.6 76.63 502.6 70.63zM464 320c0 8.836-7.164 16-16 16H255.1c-8.838 0-16-7.164-16-16L239.1 64.13c0-8.836 7.164-16 16-16h128L384 96c0 17.67 14.33 32 32 32h47.1V320zM272 448c0 8.836-7.164 16-16 16H63.1c-8.838 0-16-7.164-16-16L47.98 192.1c0-8.836 7.164-16 16-16H160V128H63.99c-35.35 0-64 28.65-64 64l.0098 256C.002 483.3 28.66 512 64 512h192c35.2 0 64-28.8 64-64v-32h-47.1L272 448z" />
</svg>
</i>
Copia o texto ai Casção!
</button>
</div>
</div>
<div class="card mx-4 df-12 -last">
<div class="card__container">
<img src="assets/img/neto-apontando.png" alt="Craque Neto">
</div>
</div>
</div>
</section>
<section class="about">
<div class="container">
<div class="about__grid mx-5 df-12">
<h3 class="about__title">CRAQUE <strong class="about__title-strong">NETO</strong></h3>
<p>Um baita Lorem Ipsum baseado nas frases do baita apresentador e ídolo do Corinthians, o Craque Neto.
</p>
<p>Inspirado no <a href="https://mussumipsum.com/" target="_blank">Mussum Ipsum</a> e no <a
href="http://silviosantosipsum.com/" target="_blank">Silvio Santos Ipsum</a>, que também são uns
baitas lorem ipsums, diga-se de passagem.</p>
<p>Se gostou, pode usar garotinho ou garotinha, mas se não gostou troca vai pro Mussum Ipsum ou Silvio
Santos Ipsum, porque aqui é guela!</p>
<p>Tomara que o Craque Neto não me processe.</p>
</div>
<div class="about__grid mx-6 df-12">
<img src="assets/img/neto-com-papel.png" alt="Um baita de um Lorem Ipsum, diga-se de passagem!">
</div>
</div>
</section>
<footer class="footer">
<div class="container">
<p>
© Copyright 2022. Desenvolvido por <a href="https://jonathanafranio.github.io/cv/">Jonathan Afranio</a>.
Todos os direitos reservados.
</p>
</div>
</footer>
<script src="script_generator/dist/craqueneto.ipsum.min.js"></script>
<script src="assets/js/script.min.js"></script>
</body>
</html>