-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathwelcome.html
120 lines (120 loc) · 7.17 KB
/
welcome.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
<!DOCTYPE html>
<html lang="en">
<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" />
<meta
name="description"
content="'Welcome' page to the site, that greets the just logged in user."
/>
<link rel="stylesheet" href="./styles/style.css">
<link rel="stylesheet" href="./styles/welcome-style.css" />
<title>Thanks for the submitting!</title>
</head>
<body>
<!-- Header -->
<header class="header">
<!-- Input that controls burger menu -->
<input type="checkbox" id="burger-menu" />
<div class="container container-header">
<nav class="nav">
<!-- Ecoflow logo -->
<a href="#" class="ecoflow-pc-logo link">
<svg width="140" height="15" viewBox="0 0 140 15">
<defs>
<filter id="a">
<feColorMatrix
in="SourceGraphic"
values="0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 0 1.000000 0 0 0 1.000000 0"
></feColorMatrix>
</filter>
</defs>
<path
d="M16.816 2.494H0V.004h16.816v2.49zm-.024 6.225H0v-2.49h16.792v2.49zm0 3.735v2.49H0v-2.49h16.792zm18.13-9.94l-5.994.013c-4.011-.008-5.897 1.645-5.897 4.947 0 3.306 1.886 4.96 5.889 4.96h8.406v2.481l-8.394.013c-5.599.008-8.398-2.466-8.398-7.43 0-4.96 2.779-7.445 8.337-7.465h8.455v2.486l-2.404-.005zM49.4.037c5.636 0 8.456 2.477 8.456 7.437 0 4.96-2.795 7.445-8.394 7.454-5.599.008-8.394-2.466-8.394-7.43-.004-4.955 2.77-7.445 8.333-7.461zm5.934 7.437c0-3.302-1.877-4.955-5.876-4.947-4.011-.008-5.864 1.645-5.864 4.947 0 3.306 1.853 4.96 5.856 4.96 4.003.004 5.884-1.65 5.884-4.96zm82.262-7.45l.005 12.401h-4.803V.02h-2.404v12.405h-4.803V0h-2.403v14.936h14.416c1.8 0 2.396-.956 2.396-2.47V.02h-2.404v.004zm-38.66 12.414H86.32a1.794 1.794 0 0 1-1.792-1.792V.012h-2.403v11.295c0 2 1.62 3.62 3.62 3.62h13.192v-2.49zM110.978.037c5.636 0 8.455 2.477 8.455 7.437 0 4.96-2.795 7.445-8.394 7.454-5.598.008-8.394-2.466-8.394-7.43-.004-4.955 2.775-7.445 8.333-7.461zm5.934 7.437c0-3.302-1.878-4.955-5.877-4.947-4.011-.008-5.864 1.645-5.864 4.947 0 3.306 1.853 4.96 5.856 4.96 4.003.004 5.885-1.65 5.885-4.96zM62.135 0h16.517v2.36H62.135zm16.517 8.773H64.495v6.171h-2.36V6.293h16.517z"
fill="#212121"
filter="url(#a)"
></path>
</svg>
</a>
<!-- Header elements -->
</nav>
<div class="media">
<!-- Burger menu -->
<label class="burger" for="burger-menu" title="burger-menu-label">
<span class="burger-layer"></span>
<span class="burger-layer"></span>
<span class="burger-layer"></span>
</label>
<div class="overflow-container"></div>
<ul class="ul-media">
<!-- About link -->
<li class="header-menu-media-element header-hover-element">
<a href="https://blog.ecoflow.com/us/" target="_blank">About</a>
</li>
<li class="header-menu-media-element header-hover-element">
<a href="#" target="_blank">Products</a>
</li>
<li class="header-menu-media-element header-hover-element">
<a href="https://us.ecoflow.com/" target="_blank">Official</a>
</li>
<li class="header-menu-media-element header-hover-element social">
<!-- Instagram -->
<a
href="https://www.instagram.com/ecoflowtech/?hl=en"
target="_blank"
class="link"
><svg
xmlns="http://www.w3.org/2000/svg"
width="15"
height="15"
fill="#fff"
class="instagram-logo"
viewBox="0 0 16 16"
>
<path
d="M8 0C5.829 0 5.556.01 4.703.048 3.85.088 3.269.222 2.76.42a3.917 3.917 0 0 0-1.417.923A3.927 3.927 0 0 0 .42 2.76C.222 3.268.087 3.85.048 4.7.01 5.555 0 5.827 0 8.001c0 2.172.01 2.444.048 3.297.04.852.174 1.433.372 1.942.205.526.478.972.923 1.417.444.445.89.719 1.416.923.51.198 1.09.333 1.942.372C5.555 15.99 5.827 16 8 16s2.444-.01 3.298-.048c.851-.04 1.434-.174 1.943-.372a3.916 3.916 0 0 0 1.416-.923c.445-.445.718-.891.923-1.417.197-.509.332-1.09.372-1.942C15.99 10.445 16 10.173 16 8s-.01-2.445-.048-3.299c-.04-.851-.175-1.433-.372-1.941a3.926 3.926 0 0 0-.923-1.417A3.911 3.911 0 0 0 13.24.42c-.51-.198-1.092-.333-1.943-.372C10.443.01 10.172 0 7.998 0h.003zm-.717 1.442h.718c2.136 0 2.389.007 3.232.046.78.035 1.204.166 1.486.275.373.145.64.319.92.599.28.28.453.546.598.92.11.281.24.705.275 1.485.039.843.047 1.096.047 3.231s-.008 2.389-.047 3.232c-.035.78-.166 1.203-.275 1.485a2.47 2.47 0 0 1-.599.919c-.28.28-.546.453-.92.598-.28.11-.704.24-1.485.276-.843.038-1.096.047-3.232.047s-2.39-.009-3.233-.047c-.78-.036-1.203-.166-1.485-.276a2.478 2.478 0 0 1-.92-.598 2.48 2.48 0 0 1-.6-.92c-.109-.281-.24-.705-.275-1.485-.038-.843-.046-1.096-.046-3.233 0-2.136.008-2.388.046-3.231.036-.78.166-1.204.276-1.486.145-.373.319-.64.599-.92.28-.28.546-.453.92-.598.282-.11.705-.24 1.485-.276.738-.034 1.024-.044 2.515-.045v.002zm4.988 1.328a.96.96 0 1 0 0 1.92.96.96 0 0 0 0-1.92zm-4.27 1.122a4.109 4.109 0 1 0 0 8.217 4.109 4.109 0 0 0 0-8.217zm0 1.441a2.667 2.667 0 1 1 0 5.334 2.667 2.667 0 0 1 0-5.334z"
/>
</svg>
</a>
</li>
<li class="header-menu-media-element header-hover-element social">
<!-- Twitter -->
<a
href="https://twitter.com/EcoFlowTech"
target="_blank"
class="link"
><svg
xmlns="http://www.w3.org/2000/svg"
width="15"
height="15"
fill="#fff"
viewBox="0 0 512 512"
>
<title>ionicons-v5_logos</title>
<path
d="M496,109.5a201.8,201.8,0,0,1-56.55,15.3,97.51,97.51,0,0,0,43.33-53.6,197.74,197.74,0,0,1-62.56,23.5A99.14,99.14,0,0,0,348.31,64c-54.42,0-98.46,43.4-98.46,96.9a93.21,93.21,0,0,0,2.54,22.1,280.7,280.7,0,0,1-203-101.3A95.69,95.69,0,0,0,36,130.4C36,164,53.53,193.7,80,211.1A97.5,97.5,0,0,1,35.22,199v1.2c0,47,34,86.1,79,95a100.76,100.76,0,0,1-25.94,3.4,94.38,94.38,0,0,1-18.51-1.8c12.51,38.5,48.92,66.5,92.05,67.3A199.59,199.59,0,0,1,39.5,405.6,203,203,0,0,1,16,404.2,278.68,278.68,0,0,0,166.74,448c181.36,0,280.44-147.7,280.44-275.8,0-4.2-.11-8.4-.31-12.5A198.48,198.48,0,0,0,496,109.5Z"
/>
</svg>
</a>
</li>
</ul>
</div>
</div>
</header>
<main class="main">
<div class="welcome">
<div class="container">
<ul class="container-list">
<li><h1 class="section-title">Your form has been sent</h1></li>
<li>
<a href="./index.html" class="link">
<h2 class="section-subtitle">Return to the main page</h2>
</a>
</li>
</ul>
</div>
</div>
</main>
</body>
</html>