-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
129 lines (106 loc) · 5.6 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
<!DOCTYPE html>
<html lang="es">
<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">
<title>PhysTrainer</title>
<link rel="shortcut icon" href="./assets/img/favicon.png">
<link rel="stylesheet" href="./assets/css/style.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link
href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,400;0,500;0,900;1,300;1,400&display=swap"
rel="stylesheet">
</head>
<body>
<!--HEADER-->
<div class="nav-cont">
<nav>
<a href="./index.html"><img src="./assets/img/logo_gris.png" alt="Logo PhysTrainer"></a>
<ul>
<li><a>Features</a></li>
<li><a>Benefits</a></li>
<li><a>About the team</a></li>
<li><a href="./login">Join the waitlist</a></li>
</ul>
</nav>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 219.04">
<path fill="var(--main_color)" fill-opacity="1"
d="M0,96L48,128C96,160,192,224,288,218.7C384,213,480,139,576,101.3C672,64,768,64,864,90.7C960,117,1056,171,1152,181.3C1248,192,1344,160,1392,144L1440,128L1440,0L1392,0C1344,0,1248,0,1152,0C1056,0,960,0,864,0C768,0,672,0,576,0C480,0,384,0,288,0C192,0,96,0,48,0L0,0Z">
</path>
</svg>
</div>
<section class="hero">
<h1>
Study made easy
</h1>
<p>
Join our crowd-sourced <strong>smart</strong> problem-solving platform
</p>
<div class="hero-buttons">
<button class="btn-1" style="margin-left: -10px;">Learn more</button>
<button class="btn-1">Join the waitlist</button>
</div>
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg" class="blob" style="top: 30vh; left: -10vw">
<path fill="var(--secondary_color-4)"
d="M34,-43.9C46.2,-37.9,59.7,-30.9,67.7,-19C75.7,-7.1,78.2,9.5,73.3,23.6C68.4,37.6,56.2,49.1,42.7,53.9C29.3,58.7,14.7,56.9,-2,59.7C-18.7,62.5,-37.4,69.8,-51.1,65.1C-64.8,60.3,-73.5,43.5,-73.6,27.6C-73.7,11.7,-65.2,-3.4,-57.4,-15.9C-49.5,-28.4,-42.3,-38.4,-32.9,-45.3C-23.4,-52.2,-11.7,-55.9,-0.4,-55.4C10.9,-54.8,21.8,-49.9,34,-43.9Z"
transform="translate(100 100)" />
</svg>
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg" class="blob" style="top: 20vh; left: 50vw">
<path fill="var(--secondary_color-2)"
d="M40.7,-51C55.8,-45.1,73.1,-37.2,81.1,-23.7C89,-10.2,87.7,8.9,80.9,25.1C74,41.3,61.5,54.4,47.1,61.6C32.7,68.8,16.4,70,3,65.8C-10.3,61.6,-20.6,52.1,-30.2,43.4C-39.8,34.6,-48.7,26.7,-55,15.9C-61.3,5,-64.9,-8.6,-61,-19.5C-57,-30.4,-45.4,-38.4,-33.9,-45.5C-22.5,-52.6,-11.3,-58.6,0.8,-59.7C12.8,-60.8,25.7,-56.9,40.7,-51Z"
transform="translate(100 100)" />
</svg>
<svg viewBox="0 0 200 200" xmlns="http://www.w3.org/2000/svg" class="blob"
style="top: 70vh; left: 40vw; transform:scale(1.3)">
<path fill="var(--secondary_color-3)"
d="M25.5,-42.4C29.6,-26.9,27.1,-15.6,34,-2.2C40.9,11.2,57.2,26.8,53.9,30C50.7,33.1,28,23.9,13.3,23.7C-1.4,23.4,-8.1,32.1,-12.3,31.6C-16.5,31.1,-18.2,21.3,-21.4,13.5C-24.5,5.7,-29.1,-0.1,-30.6,-7.7C-32,-15.4,-30.4,-24.8,-24.8,-40C-19.1,-55.3,-9.6,-76.3,0.6,-77C10.7,-77.6,21.3,-57.9,25.5,-42.4Z"
transform="translate(100 100)" />
</svg>
</section>
<!--SOBRE NOSOTROS-->
<section class="separador about">
<h1>Welcome to our world of smarter learning!</h1>
<p>Say goodbye to mindless scrolling through endless pages of study material and hello to Phystrainer - the intelligent study tool that makes learning easier and more engaging than ever before!</p>
</section>
<section class="separador about">
<h1>Learn smarter</h1>
<p>
At Phystrainer, we believe that learning should be both efficient and enjoyable. That's why we've created a platform that helps you learn smarter, not harder. Our platform uses intelligent answer verification to help you learn more effectively. Say goodbye to frustrating mistakes that slow you down and hello to a more streamlined learning experience.
</p>
</section>
<section class="separador about">
<h1>Made for you</h1>
<p>
Join our community of learners and tap into the collective knowledge of fellow students and educators. Our platform offers a variety of interactive exercises and quizzes that adapt to your progress, so you can learn at your own pace.
</p>
<p>
Whether you're a student, a professional, or just someone looking to expand your knowledge, Phystrainer is the perfect tool to help you achieve your learning goals.
</p>
</section>
<!--
<section class="count">
COUNT
</section>
<section class="smf">
SMF
</section>
<section class="about-us">
ABOUT US
</section>
-->
<!--FOOTER-->
<script src="./assets/js/colors.js"></script>
<script>
//Efecto scroll
window.onscroll = (e) => {
console.log(document.documentElement.scrollTop)
if (document.body.scrollTop > window.innerHeight / 5 || document.documentElement.scrollTop > window.innerHeight / 5) {
document.querySelector('nav').classList.add('scroll-collapse');
} else {
document.querySelector('nav').classList.remove('scroll-collapse');
}
}
</script>
</body>
</html>