-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
96 lines (96 loc) · 3.53 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
<!DOCTYPE html>
<html lang='en'>
<head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'> <!-- displays site properly based on user's device -->
<link rel='icon' type='image/png' sizes='32x32' href='./images/favicon-32x32.png'>
<link rel='stylesheet' href='./css/custom.css'>
<script type='text/javascript' src='js/jquery-3.7.1.min.js'></script>
<script type='text/javascript' src='js/custom.js'></script>
<title>Frontend Mentor | Base Apparel coming soon page</title>
</head>
<body>
<div class='divLandscape'><!-- Begin landscape -->
<div class='divLandscapeMain'><!-- Begin main -->
<div class='divLandscapeLeft'><!-- Begin left -->
<div class='divLeftContent'><!-- Begin left content-->
<img class='' src='images/logo.svg' alt='logo'>
<br><br><br><br>
<div class='divNotice'>
<div class='divType1'>W E ' R E</div>
<div class='divType2'>C O M I N G<br>S O O N</div>
</div>
<div class='divMiddleInfo'>
<p class='pghInfo'>
Hello fellow shoppers! We're currently building our new fashion store. Add your email below to stay up-to-date with announcements and our launch deals.
</p>
</div>
<div class='divForm'>
<input id='landTxbEmail' class='txbEmail' type='text' placeholder='Email Address'>
<span class='spnError'>
<img class='imgError' src='images/icon-error.svg' alt='!'>
</span>
<a id='landAncSubmit' class='ancSubmit' href='#'>
<span class='spnButton'>
<img class='imgArrow' src='images/icon-arrow.svg' alt='>'>
</span>
</a>
</div>
<div class='divInvalidEmail'>
Please provide a valid email.
</div>
</div><!-- End left content -->
</div><!-- End left -->
<div class='divLandscapeRight'>
<img class='imgRight' src='images/hero-desktop.jpg' alt='hero-desktop'>
</div>
</div><!-- End main -->
</div><!-- Begin landscape -->
<div class='divPortrait'><!-- Begin portrait -->
<div class='divPortraitHeader'>
<img class='' src='images/logo.svg' alt='logo'>
</div>
<div class='divPortraitMiddle'>
<div class='divPortraitBanner'>
<img class='imgBanner' src='images/hero-mobile.jpg' alt='hero-mobile'>
</div>
<div class='divNotice'>
<div class='divType1'>W E ' R E</div>
<div class='divType2'>C O M I N G<br>S O O N</div>
</div>
<div class='divMiddleInfo'>
<p class='pghInfo'>
Hello fellow shoppers! We're currently building our new fashion store. Add your email below to stay up-to-date with announcements and our launch deals.
</p>
</div>
<div class='divForm'>
<input id='portTxbEmail' class='txbEmail' type='text' placeholder='Email Address'>
<span class='spnError'>
<img class='imgError' src='images/icon-error.svg' alt='!'>
</span>
<a id='portAncSubmit' class='ancSubmit' href='#'>
<span class='spnButton'>
<img class='imgArrow' src='images/icon-arrow.svg' alt='>'>
</span>
</a>
</div>
<div class='divInvalidEmail'>
Please provide a valid email.
</div>
</div>
</div><!-- End portrait -->
<div class="divFooter">
<footer>
<p class='attribution'>
Challenge by <a href='https://www.frontendmentor.io?ref=challenge' target='_blank'>Frontend Mentor</a>. Coded by <a href='https://github.com/EngrRezCab'>Engr. Rez Cab</a>.
</p>
</footer>
</div>
</body>
</html>