-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
158 lines (148 loc) · 6.26 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
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
<!DOCTYPE html>
<html lang="vi">
<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">
<title>SEX-EDUCATION</title>
<link rel="stylesheet" href="index.css">
</head>
<body>
<div>
<div class="menu">
<div class="items-menu">
<div class="item-menu position">
<a href="index.html" class='text-menu'>MENU</a>
<div class="items-position">
<div class="item-position">CHARACTERS</div>
<div class="item-position">QUOTES</div>
</div>
</div>
<div class="item-menu"><a href="webphu.html">POETRY</a></div>
</div>
<div class="title-menu">
SEX EDUCATION
</div>
</div>
<div class="content">
<img src="SE_anhbia.jfif" class="anhBia" alt="">
<div class="box"><a>CHARACTERS</a>
</div>
<div class="content-otits">
<img src="Otis.jfif" class="otits" alt="">
<div class="info-otits">
<div class="title-otits">
OTIS MILBURN
</div>
<div class="detail-otits">
<span class="loai-cay"> Bittersweet </span>
<br>
Otis grew up as the son of two sex and relationship therapists, Remi and Jean Milburn, from which he acquired an extensive knowledge of sex and relationship psychology, placing him well to give advice to his peers.
</div>
</div>
</div>
<div class="content-otits">
<img src="Ruby.jfif" class="otits" alt="">
<div class="info-otits">
<div class="title-otits">
RUBY MATTHEWS
</div>
<div class="detail-otits">
<span class="loai-cay"> Crown Imperial </span>
<br>
Ruby is the tacit leader of the Untouchables clique, as well as the Queen Bee of Moordale.
</div>
</div>
</div>
<div class="content-otits">
<img src="Maeve.jfif" class="otits" alt="">
<div class="info-otits">
<div class="title-otits">
MAEVE WILEY
</div>
<div class="detail-otits">
<span class="loai-cay"> Blessed Thistle </span>
<br>
Maeve is an intelligent and sarcastic social outcast and “bad girl” at Moordale Secondary School, who befriends Otis Milburn in sixth-form when the two begin a sex therapy clinic to make money off of their peers.
</div>
</div>
</div>
<div class="content-otits">
<img src="Adam.jfif" class="otits" alt="">
<div class="info-otits">
<div class="title-otits">
ADAM GROFF
</div>
<div class="detail-otits">
<span class="loai-cay"> Dog-rose </span>
<br>
He is the former headmaster's son who bullied Eric. He has a tense relationship with his father.
</div>
</div>
</div>
<div class="box2"><a>QUOTES</a>
</div>
<div class="content-quotes-2">
<div class="content-quotes">
<div class="title-quotes">
YOU'RE ALIVE!
</div>
<img src="adam-mom.png" class="pic-quotes" alt="">
<div class="detail-quotes">
Say love to the one you love.
</div>
</div>
<div class="content-quotes">
<div class="title-quotes">
THE HEART WANTS WHAT IT WANTS
</div>
<img src="jakob-otis.png" class="pic-quotes" alt="">
<div class="detail-quotes">
"people deserve your whole hear"
</div>
</div>
</div>
<div class="content-quotes-2">
<div class="content-quotes">
<div class="title-quotes">
THE BUS SCENE
</div>
<img src="bus-stop.png" class="pic-quotes" alt="">
<div class="detail-quotes">
</div>
</div>
<div class="content-quotes">
<div class="title-quotes">
IT'S JUST DUMB LUCK!
</div>
<img src="otis-love.png" class="pic-quotes" alt="">
<div class="detail-quotes">
"Love isn't about grand gestures"
</div>
</div>
</div>
</div>
<div class="footer-section">
<div class="footer-1">
<h1>THANKS FOR VISITING</h1>
Hope you like my website, as much as I do :>
</div>
<div class="footer-2">
<h1>Explore</h1>
Characters
<br> Quotes
<br> Poem
</div>
<div class="footer-3">
<h1>Come Say Hello!</h1>
<a href="https://www.instagram.com/">Instagram</a>
<br> <a href="https://www.facebook.com/nguyenhailinh2408">Facebook
</div>
<div class="footer-4">
<h1>Get in Touch</h1>
linhnh.nevents@gmail.com
</div>
</div>
</div>
</body>
</html>