-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
87 lines (81 loc) · 5.09 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>Document</title>
</head>
<body>
<section class="flex-parent"> <!-- Flex container, doesnt have to be named that way -->
<div class="flex-child red"></div> <!-- Flex item, doesnt have to be named that way, just in this case to learn -->
<div class="flex-child pink"></div>
<div class="flex-child blue"></div>
<div class="flex-child orange"></div>
<div class="flex-child red"></div>
<div class="flex-child pink"></div>
<div class="flex-child blue"></div>
<div class="flex-child orange"></div>
<div class="flex-child red"></div>
<div class="flex-child pink"></div>
<div class="flex-child blue"></div>
<div class="flex-child orange"></div>
<div class="flex-child red"></div>
<div class="flex-child pink"></div>
<div class="flex-child blue"></div>
<div class="flex-child orange"></div>
</section>
</body>
</html>
<!--
, ,
$, $, ,
"ss.$ss. .s'
, .ss$$$$$$$$$$s,
$. s$$$$$$$$$$$$$$`$$Ss
"$$$$$$$$$$$$$$$$$$o$$$ ,
s$$$$$$$$$$$$$$$$$$$$$$$$s, ,s
s$$$$$$$$$"$$$$$$""""$$$$$$"$$$$$,
s$$$$$$$$$$s""$$$$ssssss"$$$$$$$$"
s$$$$$$$$$$' `"""ss"$"$s""
s$$$$$$$$$$, `"""""$ .s$$s
s$$$$$$$$$$$$s,... `s$$' `
`ssss$$$$$$$$$$$$$$$$$$$$####s. .$$"$. , s-
`""""$$$$$$$$$$$$$$$$$$$$#####$$$$$$" $.$'
"$$$$$$$$$$$$$$$$$$$$$####s"" .$$$|
"$$$$$$$$$$$$$$$$$$$$$$$$##s .$$" $
$$""$$$$$$$$$$$$$$$$$$$$$$$$$$$$$" `
$$" "$"$$$$$$$$$$$$$$$$$$$$S""""'
, ," ' $$$$$$$$$$$$$$$$####s
$. .s$$$$$$$$$$$$$$$$$####"
, "$s. ..ssS$$$$$$$$$$$$$$$$$$$####"
$ .$$$S$$$$$$$$$$$$$$$$$$$$$$$$#####"
Ss ..sS$$$$$$$$$$$$$$$$$$$$$$$$$$$######""
"$$sS$$$$$$$$$$$$$$$$$$$$$$$$$$$########"
, s$$$$$$$$$$$$$$$$$$$$$$$$#########""'
$ s$$$$$$$$$$$$$$$$$$$$$#######""' s' ,
$$..$$$$$$$$$$$$$$$$$$######"' ....,$$.... ,$
"$$$$$$$$$$$$$$$######"' , .sS$$$$$$$$$$$$$$$$s$$
$$$$$$$$$$$$#####" $, .s$$$$$$$$$$$$$$$$$$$$$$$$s.
) $$$$$$$$$$$#####' `$$$$$$$$$###########$$$$$$$$$$$.
(( $$$$$$$$$$$##### $$$$$$$$###" "####$$$$$$$$$$
) \ $$$$$$$$$$$$####. $$$$$$###" "###$$$$$$$$$ s'
( ) $$$$$$$$$$$$$####. $$$$$###" ####$$$$$$$$s$$'
) ( ( $$"$$$$$$$$$$$#####.$$$$$###' .###$$$$$$$$$$"
( ) ) _,$" $$$$$$$$$$$$######.$$##' .###$$$$$$$$$$
) ( ( \. "$$$$$$$$$$$$$#######,,,. ..####$$$$$$$$$$$"
( )$ ) ) ,$$$$$$$$$$$$$$$$$$####################$$$$$$$$$$$"
( ($$ ( \ _sS" `"$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$S$$,
) )$$$s ) ) . . `$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$"' `$$
( $$$Ss/ .$, .$,,s$$$$$$##S$$$$$$$$$$$$$$$$$$$$$$$$S"" '
\)_$$$$$$$$$$$$$$$$$$$$$$$##" $$ `$$. `$$.
`"S$$$$$$$$$$$$$$$$$#" $ `$ `$
`"""""""""""""'
___ __ _ __ __ ___
/\_ \ /'_ `\ /' \ /\ \ /\ \__ /\_ \
__ \//\ \ __ __ _/\ \L\ \/\_, \ \ \ \___\ \ ,_\ ___ ___\//\ \
/'__`\ \ \ \ /'__`/\ \/'\ \___, \/_/\ \ ______\ \ _ `\ \ \/ /' __` __`\\ \ \
/\ \L\.\_\_\ \_/\ __\/> </\/__,/\ \ \ \ \/\______\ \ \ \ \ \ \_/\ \/\ \/\ \\_\ \_
\ \__/.\_/\____\ \____/\_/\_\ \ \_\ \ \_\/______/\ \_\ \_\ \__\ \_\ \_\ \_/\____\
\/__/\/_\/____/\/____\//\/_/ \/_/ \/_/ \/_/\/_/\/__/\/_/\/_/\/_\/____/
-->