-
Notifications
You must be signed in to change notification settings - Fork 2
/
results.html
52 lines (49 loc) · 3.92 KB
/
results.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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
<title>formSite</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/material-design-icons/3.0.1/iconfont/material-icons.min.css">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Anton">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Archivo+Black">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Bungee">
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Cantarell">
<link rel="stylesheet" href="assets/css/gradient-navbar-1.css">
<link rel="stylesheet" href="assets/css/gradient-navbar.css">
<link rel="stylesheet" href="assets/css/Highlight-Blue.css">
<link rel="stylesheet" href="assets/css/Login-Form-Dark.css">
<link rel="stylesheet" href="assets/css/Navigation-with-Button.css">
<link rel="stylesheet" href="assets/css/styles.css">
</head>
<body>
<nav class="navbar navbar-light navbar-expand-md navigation-clean-button" style="background-color: linear-gradient(-100deg, rgb(0, 163, 255),rgb(0, 255, 133));height: 96px;">
<div class="container"><a class="navbar-brand" href="#" style="padding: 5px;margin: -4px;height: 60px;width: 179px;font-family: Bungee, cursive;color: rgb(8,8,8);font-size: 32px;"><img src="assets/img/Logo1.png" style="width: 209px;"></a><button class="navbar-toggler"
data-toggle="collapse" data-target="#navcol-1"><span class="sr-only">Toggle navigation</span><span class="navbar-toggler-icon"></span></button>
<div class="collapse navbar-collapse d-xl-flex justify-content-xl-center align-items-xl-center"
id="navcol-1">
<ul class="nav navbar-nav mr-auto"></ul><span class="d-xl-flex align-items-xl-center navbar-text actions"> <a href="#" class="login"></a><a class="btn btn-light text-nowrap d-xl-flex align-items-xl-center action-button" role="button" href="#" target="_parent" style="padding: 12px;margin: -3px;width: 83px;background-color: #dd5f5b;color: rgb(18,15,15);"><strong>Start</strong> <i class="material-icons d-inline-flex" style="width: 23px;">accessibility</i></a></span></div>
</div>
</nav>
<div class="login-dark" style="background-image: url("assets/img/Picture5.png");height: 862px;">
<form class="d-flex flex-column-reverse justify-content-xl-start align-items-xl-end" method="post" style="width: auto;max-width: 735px;height: auto;min-height: 8px;padding-top: 44px;">
<div class="form-row">
<div class="col">
<h1 style="font-family: Cantarell, sans-serif;color: rgb(237,237,237);font-size: 60px;">RESULTS</h1><img></div>
<div class="col">
<h1 style="font-size: 55px;color: rgb(181,165,23);">7.4 / 10</h1>
<h1 style="font-size: 35px;color: rgb(210,200,113);">Rep #1</h1>
<h1 style="width: 140px;font-size: 17px;margin-left: 23px;margin-bottom: 6px;margin-top: -7px;">You can go lower!</h1>
<h1 style="font-size: 35px;color: #44dd1e;">Rep #2</h1>
<h1 style="font-size: 17px;margin-left: 23px;padding-top: -5px;margin-top: -7px;">Perfect Rep!</h1>
<h1 style="font-size: 35px;color: rgb(217,60,60);">Rep #3</h1>
<h1 style="font-size: 17px;margin-left: 24px;margin-top: -7px;">You're leaning forward too much! </h1>
</div>
</div>
</form>
</div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/4.1.3/js/bootstrap.bundle.min.js"></script>
</body>
</html>