-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
199 lines (197 loc) · 11.5 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
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<link rel="shortcut icon" href="assets/images/shopping-cart.png">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<link rel="stylesheet" href="vendors/materialize/css/materialize.min.css">
<link rel="stylesheet" href="css/main.css">
</head>
<body>
<!-- Encabezado -->
<header>
<nav class="navbar">
<div class="nav-wrapper">
<a href="#" class="brand-logo">HobbyShipNippon</a>
<a href="#" data-activates="mobile-demo" class="button-collapse"><i class="material-icons">menu</i></a>
<ul id="nav-mobile" class="right hide-on-med-and-down">
<li class="active"><a href="#" class="home">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Sign Up</a></li>
<li><a href="#">Help</a></li>
</ul>
<ul class="side-nav" id="mobile-demo">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Sign Up</a></li>
<li><a href="#">Help</a></li>
</ul>
</div>
</nav>
</header>
<!-- Imagen Principal -->
<div class="row hero-container">
<div class="col s12 m12 l12 xl12 hero">
<div class="business-tagline">
<h1 class="center-align">The Best Website</h1>
<h2 class="center-align">For Online Purchases and Sales of Japanese Entertainment Products</h2>
</div>
</div>
</div>
<!-- Contenido Principal -->
<main class="main-container">
<!-- Versión mobile -->
<div class="container main-flex-container mobile-version">
<div class="row">
<div class="col s12 m12">
<h3 class="info-title">What We Do</h3>
<p class="purpose">We are a company that acts as an intermediary in the purchase and sale of Japanese entertainment products such as toys, collectible figures, among other things; to ensure that both sides are satisfied.</p>
<a class="waves-effect waves-light btn more-info-button">More About Us >></a>
</div>
<div class="col s12 m12 contact-div">
<h3 class="info-title">Contact Us</h3>
<h4>HobbyShipNippon</h4>
<ul class="">
<li><i class="material-icons icons yellow-icon">phone</i>(01) 483 589</li>
<li class="e-mail"><i class="material-icons icons orange-icon">email</i>[email protected]</li>
<li><i class="fa fa-whatsapp green-icon font-weight icons green-icon" aria-hidden="true"></i><span class="social-media-info">927 195 278</span></li>
</ul>
<ul class="second-list">
<li><i class="fa fa-facebook-official icons" aria-hidden="true"></i><span class="social-media-info"><a href="#">/HobbyShipNippon</a></span></li>
<li><i class="fa fa-twitter icons" aria-hidden="true"></i><span class="social-media-info"><a href="#">@HobbyShipNippon</a></span></li>
</ul>
</div>
</div>
<div class="row">
<div class="col s12 m12">
<div class="card advertisement">
<div class="card-image">
<img src="assets/images/image1.jpg" class="image responsive-img">
</div>
<div class="card-content">
<h3>SD Gundam #023 Sonken</h3>
<p>Last weekend, Bandai announced that a new version of Sonken from the anime SD Gundam Sangokuden: Brave Battle Warriors will be released. It's a limited edition and is only $15.99. Don't wait any longer and celebrate this Christmas with this new set!</p>
</div>
<div class="card-action">
<a href="#" class="waves-effect waves-light btn more-info-button">More info >></a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col s12 m12">
<div class="card advertisement">
<div class="card-image">
<img src="assets/images/image2.jpg" class="image responsive-img">
</div>
<div class="card-content">
<h3>Love Live New Autumn Set!</h3>
<p>For the past month, this set of collectible letters from Aquors, the new group of Love Live School idol Project, was released in Japan and was exclusive to this country. Now it's available to the rest of the world, so don't wait any longer and take them home!</p>
</div>
<div class="card-action">
<a href="#" class="waves-effect waves-light btn more-info-button">More info >></a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col s12 m12">
<div class="card advertisement">
<div class="card-image">
<img src="assets/images/image3.jpg" class="image responsive-img">
</div>
<div class="card-content">
<h3>Raffle for our anniversary!</h3>
<p>Last year, HobbyShipNippon became the website where thousands of users have been able to both sell and buy various Japanese products. To celebrate it, we're going to raffle off the amazing set from above. Do you want it? Just click on the button below.</p>
</div>
<div class="card-action">
<a href="#" class="waves-effect waves-light btn more-info-button">Participate now!</a>
</div>
</div>
</div>
</div>
</div>
<!-- Versión desktop -->
<div class="container main-flex-container desktop-version">
<div class="row first-main-row">
<div class="col l8 xl8">
<h3 class="info-title">What We Do</h3>
<p class="purpose">We are a company that acts as an intermediary in the purchase and sale of Japanese entertainment products such as toys, collectible figures, among other things; to ensure that both sides are satisfied.</p>
<a class="waves-effect waves-light btn more-info-button">More About Us >></a>
</div>
<div class="col l4 xl4 contact-div">
<h3 class="info-title">Contact Us</h3>
<h4>HobbyShipNippon</h4>
<ul class="">
<li><i class="material-icons icons yellow-icon">phone</i>(01) 483 589</li>
<li class="e-mail"><i class="material-icons icons orange-icon">email</i>[email protected]</li>
<li><i class="fa fa-whatsapp green-icon font-weight icons green-icon" aria-hidden="true"></i><span class="social-media-info">927 195 278</span></li>
</ul>
<ul class="second-list">
<li><i class="fa fa-facebook-official icons" aria-hidden="true"></i><span class="social-media-info"><a href="#">/HobbyShipNippon</a></span></li>
<li><i class="fa fa-twitter icons" aria-hidden="true"></i><span class="social-media-info"><a href="#">@HobbyShipNippon</a></span></li>
</ul>
</div>
</div>
<div class="row second-main-row">
<div class="col l4 xl4">
<div class="card advertisement">
<div class="card-image">
<img src="assets/images/image1.jpg" class="image responsive-img">
</div>
<div class="card-content">
<h3>SD Gundam #023 Sonken</h3>
<p class="first-p">Last weekend, Bandai announced that a new version of Sonken from the anime SD Gundam Sangokuden: Brave Battle Warriors will be released. It's a limited edition and is only $15.99. Don't wait any longer and celebrate this Christmas with this new set!</p>
</div>
<div class="card-action">
<a href="#" class="waves-effect waves-light btn more-info-button">More info >></a>
</div>
</div>
</div>
<div class="col l4 xl4">
<div class="card advertisement">
<div class="card-image">
<img src="assets/images/image2.jpg" class="image responsive-img">
</div>
<div class="card-content">
<h3>Love Live New Autumn Set!</h3>
<p class="second-p">For the past month, this set of collectible letters from Aquors, the new group of Love Live School idol Project, was released in Japan and was exclusive to this country. Now it's available to the rest of the world, so don't wait any longer and take them home!</p>
</div>
<div class="card-action">
<a href="#" class="waves-effect waves-light btn more-info-button">More info >></a>
</div>
</div>
</div>
<div class="col l4 xl4">
<div class="card advertisement">
<div class="card-image">
<img src="assets/images/image3.jpg" class="image responsive-img">
</div>
<div class="card-content">
<h3>Raffle for our anniversary!</h3>
<p class="third-p">Last year, HobbyShipNippon became the website where thousands of users have been able to both sell and buy various Japanese products. To celebrate it, we're going to raffle off the amazing set from above. Do you want it? Just click on the button below.</p>
</div>
<div class="card-action">
<a href="#" class="waves-effect waves-light btn more-info-button">Participate now!</a>
</div>
</div>
</div>
</div>
</div>
</main>
<footer class="page-footer">
<div class="footer-copyright">
<div class="container center-align">
Copyright © Your Website 2017
</div>
</div>
</footer>
<script src="vendors/jquery/jquery-3.2.1.min.js"></script>
<script src="vendors/materialize/js/materialize.min.js"></script>
<script src="js/app.js"></script>
</body>
</html>