-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy path1402main.html
170 lines (142 loc) · 7.79 KB
/
1402main.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
159
160
161
162
163
164
165
166
167
168
169
170
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>핫식스 짱</title>
<!--크스스 설정-->
<link href="1402style.css" rel="stylesheet">
<!--폰트 어웨솜 설정-->
<script src="https://kit.fontawesome.com/b657412bf8.js" crossorigin="anonymous"></script>
<!--구글 폰트 설정-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Black+Han+Sans&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Vina+Sans&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Do+Hyeon&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Dokdo&family=Noto+Sans+KR&display=swap" rel="stylesheet">
</head>
<body>
<header>
<div class="inner">
<div class="head-container">
<div class="sns-container">
<a href="https://www.facebook.com/MonsterEnergy/" target="_blank"><i class="fa-brands fa-facebook" style="color: #ffffff;"></i></a>
<a href="https://www.instagram.com/monsterenergy/" target="_blank"><i class="fa-brands fa-instagram" style="color: #ffffff;"></i></a>
<a href="https://twitter.com/MonsterEnergyKR" target="_blank"><i class="fa-brands fa-x-twitter" style="color: #ffffff;"></i></a>
</div>
<div class="site-container">
<a href="https://brand.naver.com/monsterenergy" target="_blank">직영몰 바로가기</a>
</div>
</div>
</div>
</header>
<section class="main-picture">
<div class="picture-container">
Monster Energy
</div>
</section>
<section class="title-message">
<div class="inner">
<div class="title-container">
<blockquote>
지구상에서 가장 쿨한 에너지 음료인 몬스터 에너지를 만나보세요. 몬스터 에너지만의 강력함을 부드럽고 상쾌한 블렌드에 담아, 넘치는 에너지를 선사합니다!
</blockquote>
<br>
<br>
몬스터 에너지는 미국의 대표 에너지 드링크로, 상당한 고카페인과 다양한 종류가 특징입니다.
<br>
<br>
<br>
<br>
<ul>
<li>총함량 : 355ml</li>
<li>카페인 함량 : 100mg</li>
<li>당 함량 : 30 ~ 41g</li>
<li>당 함량(제로슈거, 울트라 시리즈) : 0g</li>
</ul>
</div>
</div>
</section>
<section class="main-message">
<div class="inner">
<div class="message-container">개인적인 순위 <br>(사진 클릭시, 소개 페이지로 넘어갑니다.)</div>
</div>
</section>
<section class="main">
<div class="inner">
<div class="main-container">
<div class="monster-container ultra">
<a href="상세페이지/html/1402monster energy ultra.html" target="_parent">
<div class="rank first">1st</div>
<img src="images/몬스터 울트라.webp" class="monster-picture" width="100%" height="83.3%">
<div class="monster-text" style="color: white">몬스터 에너지 울트라</div>
</a>
</div>
<div class="monster-container punch">
<a href="상세페이지/html/1402monster energy pipeline punch.html" target="_parent">
<div class="rank second">2nd</div>
<img src="images/몬스터 파이프라인 펀치.webp" class="monster-picture" width="100%" height="83.3%">
<div class="monster-text" style="color: pink">몬스터 에너지 파이프라인 펀치</div>
</a>
</div>
<div class="monster-container paradise">
<a href="상세페이지/html/1402monster energy ultra paradise.html" target="_parent">
<div class="rank third">3rd</div>
<img src="images/몬스터 울트라 파라다이스.webp" class="monster-picture" width="100%" height="83.3%">
<div class="monster-text" style="color: lightgreen">몬스터 에너지 울트라 파라다이스</div>
</a>
</div>
<div class="monster-container mango">
<a href="상세페이지/html/1402monster energy mango loco.html" target="_parent">
<div class="rank">4th</div>
<img src="images/몬스터 망고로코.webp" class="monster-picture" width="100%" height="83.3%">
<div class="monster-text" style="color: lightblue">몬스터 에너지 망고 로코</div>
</a>
</div>
<div class="monster-container zero-sugar">
<a href="상세페이지/html/1402monster energy zero sugar.html" target="_parent">
<div class="rank">5th</div>
<img src="images/몬스터 제로슈거.webp" class="monster-picture" width="100%" height="83.3%">
<div class="monster-text" style="color: rgb(65, 181, 219)">몬스터 에너지 제로 슈거</div>
</a>
</div>
<div class="monster-container sitra">
<a href="상세페이지/html/1402monster energy ultra sitra.html" target="_parent">
<div class="rank">6th</div>
<img src="images/몬스터 울트라 시트라.webp" class="monster-picture" width="100%" height="83.3%">
<div class="monster-text" style="color: yellow">몬스터 에너지 울트라 시트라</div>
</a>
</div>
<div class="monster-container orange">
<a href="상세페이지/html/1402monster energy ultra sunrise.html" target="_parent">
<div class="rank">7th</div>
<img src="images/몬스터 울트라 선라이즈.webp" class="monster-picture" width="100%" height="83.3%">
<div class="monster-text" style="color: orange">몬스터 에너지 울트라 선라이즈</div>
</a>
</div>
<div class="monster-container original">
<a href="상세페이지/html/1402monster energy.html" target="_parent">
<div class="rank">8th</div>
<img src="images/몬스터 기본.webp" class="monster-picture" width="100%" height="83.3%">
<div class="monster-text" style="color: rgb(95, 222, 95)">몬스터 에너지</div>
</a>
</div>
</div>
</div>
</section>
<section class="warning">
<div class="inner">
<div class="warning-container">※ 과도한 카페인 섭취는 불면증, 두통, 고혈압의 원인이 될 수 있습니다.</div>
</div>
</section>
<footer>
<div class="inner">
<div class="footer-container">
<div class="footer-content">제작자 : 권용훈 (010-4072-7941)</div>
<div class="footer-content">Copyright(c) 권용훈. All rights reserved.</div>
</div>
</div>
</footer>
</body>
</html>