-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
147 lines (142 loc) · 6.01 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
<!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="Uma página para encontro de corridas e diversão.">
<meta name="keywords" content="running, get shape, burn calories, run, summer, fun, happy,burned">
<meta name="author" content="João Victor Oliveira Pereira, github: @joaoquinto">
<meta property="og:url" content="https://joaoquinto.github.io/getshape/" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Get Shape" />
<meta property="og:description" content="Let's run and enjoy the life?" />
<meta property="og:image" content="https://raw.githubusercontent.com/joaoquinto/getshape/main/img/shareWeb/share.png" />
<meta name="twitter:title" content="Get Shape">
<meta name="twitter:description" content="Let's run and enjoy the life?">
<meta name="twitter:image" content="https://raw.githubusercontent.com/joaoquinto/getshape/main/img/shareWeb/share.png">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/desktop.css">
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
<link rel="icon" href="img/favicon.ico" type="image/x-icon">
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-DJWGQ4FPHH"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'G-DJWGQ4FPHH');
</script>
<title>Get Shape</title>
</head>
<body>
<div class="container-slide-to-up">
<button class="slideToUp"></button>
</div>
<section class="container whats-up">
<div class="get-shape-logo">
<img src="img/whatsup/logo-01@2x.png" alt="Logo da Get Shape. Ele é um circulo, com as cores amarelo e preto, dentro dele tem o nome Get Shape.">
</div>
<div class="whats-up-logo">
<img src="img/whatsup/whatsup.png" alt="whats up?">
</div>
<p class="call-people">
Are you ready to get in shape <br>
this summer?
</p>
<a href="mailto:joaovictoroliveirapereira6522@gmail.com?subject=Agende-uma-corrida" class="book-to-run-yellow animation-call-to-action" target="_blank" rel="noopener noreferrer">
Book a run
</a>
</section>
<section class="container calories">
<h1 class="title-calories">
124,554
CALORIES
BURNED <br>
342 HAPPY
CLIENTS.</h1>
<p class="believe">We dont beleive in the "pain" and the struggle of the workout. <br> We first work on the state of mind of our clients, teaching them how to fall in love with a health <br> lifestyle. after that our job gets very easy and the clients are....healthy + happy.</p>
</section>
<section class="container get-in-share">
<p class="call-get-in-share">
This summer
</p>
<h2 class="title-get-in-share notranslate">
Get In Share!
</h2>
<blockquote class="no-more">
no more of that “no pain no gain” <br>
just pure love for health and fitness.
</blockquote>
<a href="mailto:info@getshape.com" class="info-get-shape" target="_blank" rel="noopener noreferrer">info@getshape.com</a>
</section>
<section class="news">
<ul class="news-container">
<li class="next-running">
<h3 class="title-next-running">Next <br> Running <br> Workout <br> /// <br> 23.9</h3>
</li>
<li class="contacts">
<ul class="contacts-container">
<li>
<p class="info-contacts notranslate">get & shape</p>
</li>
<li><a class="info-contacts" href="mailto:info@getshape.com">info@getshape.com</a></li>
<li><a class="info-contacts" href="tel:+09444344521">+094 443 445 21</a></li>
<li><a class="book-a-run-black animation-call-to-action" href="mailto:joaovictoroliveirapereira6522@gmail.com?subject=Agende-uma-corrida" target="_blank" rel="noopener noreferrer">Book a run</a></li>
</ul>
</li>
<li class="get-map">
<p class="information-of-the-meeting">
We meet at the washington <br> bridge park at the 2nd exit <br> and start running at 9pm - <br> make sure you bring <br> confortables shoes and a smile.
</p>
</li>
</ul>
</section>
<section class="social">
<ul class="container-social">
<li>
<a href="https://www.facebook.com/" target="_blank" rel="noopener noreferrer">
<img src="./img/media/Facebook@2x.png" alt="Facebook Logo">
</a>
</li>
<li>
<a href="https://www.instagram.com/" target="_blank" rel="noopener noreferrer">
<img src="img/media/Instagram@2x.png" alt="Instagram Logo">
</a>
</li>
<li>
<a href="https://twitter.com/" target="_blank" rel="noopener noreferrer">
<img src="img/media/Twitter@2x.png" alt="Twitter Logo">
</a>
</li>
<li>
<a href="https://www.youtube.com/" target="_blank" rel="noopener noreferrer">
<img src="img/media/Youtube@2x.png" alt="Youtube Logo">
</a>
</li>
</ul>
</section>
<footer class="logo">
<ul class="container-logo">
<li>
<img class="logo-footer" src="img/whatsup/logo-01@2x.png" alt="">
</li>
<li class="email">
<p><cite>
<a href="mailto:joaovictoroliveirapereira6522@gmail.com?subject=Contate-me" target="_blank" rel="noopener noreferrer">
joaovictoroliveirapereira6522@gmail
</a></cite>| Phone: <a href="tel:+5571991792684">71991792684</a>
</p>
</li>
<li class="email">
<p><cite>
<a href="mailto:patrick@gmail.com?subject=contact-me" target="_blank" rel="noopener noreferrer">
patrick@gmail
</a></cite>| Phone: <a href="tel:212222568">212.222.568</a></p>
</li>
</ul>
</footer>
</body>
<script type="module" src=" js/script.js"></script>
</html>