-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathmessage-sent.html
62 lines (62 loc) · 3.72 KB
/
message-sent.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
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="UTF-8">
<link rel="icon" type="image/x-icon" href="https://www.nike.com/favicon.ico">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Thank You</title>
<!-- Tags for Search Engines -->
<meta name="description" content="Ask our customer support team about the new Nike Metcon 7 women's training shoes">
<meta name="keywords" content="nike, metcon, metcon 7, women">
<meta name="author" content="Mahmoud Tantouri">
<!-- https://ogp.me/ Open Graph general -->
<meta name="og:title" content="Thank You">
<meta name="og:description" content="Ask our customer support team about the new Nike Metcon 7 women's training shoes">
<meta name="og:image" content="https://static.nike.com/a/images/t_default/d88d967e-7bba-492a-a318-2a62ba57d2c1/traningsskor-metcon-7-CW4XRR.png">
<meta name="og:url" content="https://8000-plum-cattle-lryd9xt6.ws-eu18.gitpod.io/product-promo/home.html">
<meta name="og:site_name" content="Product Promo">
<meta name="og:locale" content="en_US">
<meta name="og:type" content="website">
<!-- Code from Demian Renzulli at web.dev for non-blocking stylesheet -->
<link rel="preload" href="assets/css/style-minified.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
<noscript><link rel="stylesheet" href="assets/css/style-minified.css"></noscript>
<!-- Fonts -->
<link rel="preload" href="assets/font/titilliumweb-light.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="assets/font/titilliumweb-regular.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="assets/font/titilliumweb-semiBold.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="assets/font/titilliumweb-bold.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="assets/font/titilliumweb-black.woff2" as="font" type="font/woff2" crossorigin>
<style>
*{box-sizing:border-box;margin:0;padding:0}h1{font-family:TitilliumWeb;font-weight:900;font-style:normal}h2{font-family:TitilliumWeb;font-weight:700;font-style:normal}ul{list-style-type:none}li{display:inline-block}#top-section,a,div,figure,figcaption,footer,h1,h2,span,td,ul{text-align:center}#main-header{height:388px}#header-overlay{height:320px;background-color:rgb(0 0 0 / 60%);display:grid;grid-template-columns:1fr;grid-template-rows:1fr;align-content:center;align-items:center}main{width:80%;margin:2rem auto 8rem;padding:2rem 5rem}@media screen and (max-width:1440px){main{width:100%;margin:2rem auto;padding:2rem 2rem}}@media screen and (max-width:425px){main{padding:2rem 0}}
</style>
</head>
<body id="message-sent">
<!-- top header holding background image, overlay and navbar -->
<header id="main-header">
<div id="header-overlay">
<h1>Thank You!</h1>
</div>
<nav>
<ul>
<li><a href="index.html" title="Home">Home</a></li>
<li><a href="images.html" title="Images">Images</a></li>
<li><a href="contact.html" title="Contact">Contact</a></li>
</ul>
</nav>
</header>
<!-- main all containing content -->
<main>
<h2>Message sent successfully.<br>Someone will be with you shortly :)</h2>
</main>
<!-- containing footer elements -->
<footer id="main-footer">
<p>© The New Nike Metcon 7</p>
<ul>
<li><a href="index.html" title="Home">Home</a></li>
<li><a href="images.html" title="Images">Images</a></li>
<li><a href="contact.html" title="Contact">Contact</a></li>
</ul>
</footer>
</body>
</html>