-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
104 lines (101 loc) · 6.51 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
<!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">
<link rel="stylesheet" href="style/style.css">
<link rel="stylesheet" href="style/framework.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<title>Document</title>
</head>
<body>
<header>
<nav class="flex">
<div class="logo">
</div>
<ul class="flex">
<li class="navitem"><a href="#" class="nav_link">Home</a></li>
<li class="navitem"><a href="#" class="nav_link">Pricing</a></li>
<li class="navitem"><a href="#" class="nav_link">Contact</a></li>
</ul>
<div class="sign_up_box flex">
<button class="sign_up_button">Sign up</button>
<a href="sign_up/sign_up.html"> <button class="sign_in_button">Log in</button></a>
</div>
</nav>
</header>
<section class="hero_section flex">
<div class="floating_con floating_con1 flex">Cloud<br>based</div>
<div class="floating_con floating_con2 flex">Light<br>weight</div>
<div class="floating_con floating_con3 flex">Secured <br> data</div>
<div class="hero_banner flex">
<svg id="hero_banner_svg" width="334" height="65" viewBox="0 0 334 65" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M306 3.02484C306 1.35427 307.354 0 309.025 0H330.975C332.646 0 334 1.35427 334 3.02484C334 4.69542 332.646 6.04969 330.975 6.04969H309.025C307.354 6.04969 306 4.69542 306 3.02484Z"
fill="#10BF83" />
<path
d="M306 11.3384C306 9.6678 307.354 8.31353 309.025 8.31353H330.975C332.646 8.31353 334 9.6678 334 11.3384C334 13.009 332.646 14.3632 330.975 14.3632H309.025C307.354 14.3632 306 13.009 306 11.3384Z"
fill="#10BF83" />
<path
d="M306 19.6519C306 17.9813 307.354 16.6271 309.025 16.6271H330.975C332.646 16.6271 334 17.9813 334 19.6519C334 21.3225 332.646 22.6768 330.975 22.6768H309.025C307.354 22.6768 306 21.3225 306 19.6519Z"
fill="#10BF83" />
<path
d="M306 27.9654C306 26.2949 307.354 24.9406 309.025 24.9406H330.975C332.646 24.9406 334 26.2949 334 27.9654C334 29.636 332.646 30.9903 330.975 30.9903H309.025C307.354 30.9903 306 29.636 306 27.9654Z"
fill="#10BF83" />
<path
d="M306 36.279C306 34.6084 307.354 33.2541 309.025 33.2541H330.975C332.646 33.2541 334 34.6084 334 36.279C334 37.9496 332.646 39.3038 330.975 39.3038H309.025C307.354 39.3038 306 37.9496 306 36.279Z"
fill="#10BF83" />
<path
d="M306 45.3483C306 43.6778 307.354 42.3235 309.025 42.3235H330.975C332.646 42.3235 334 43.6778 334 45.3483C334 47.0189 332.646 48.3732 330.975 48.3732H309.025C307.354 48.3732 306 47.0189 306 45.3483Z"
fill="#10BF83" />
<path
d="M306 53.6619C306 51.9913 307.354 50.637 309.025 50.637H330.975C332.646 50.637 334 51.9913 334 53.6619C334 55.3324 332.646 56.6867 330.975 56.6867H309.025C307.354 56.6867 306 55.3324 306 53.6619Z"
fill="#10BF83" />
<path
d="M306 61.9752C306 60.3046 307.354 58.9503 309.025 58.9503H330.975C332.646 58.9503 334 60.3046 334 61.9752C334 63.6457 332.646 65 330.975 65H309.025C307.354 65 306 63.6457 306 61.9752Z"
fill="#10BF83" />
<path d="M7 0H327V65H7V0Z" fill="#10BF83" />
<path
d="M0 3.02484C0 1.35427 1.35427 0 3.02484 0H24.9752C26.6457 0 28 1.35427 28 3.02484C28 4.69542 26.6457 6.04969 24.9752 6.04969H3.02484C1.35427 6.04969 0 4.69542 0 3.02484Z"
fill="#10BF83" />
<path
d="M0 11.3384C0 9.6678 1.35427 8.31353 3.02484 8.31353H24.9752C26.6457 8.31353 28 9.6678 28 11.3384C28 13.009 26.6457 14.3632 24.9752 14.3632H3.02484C1.35427 14.3632 0 13.009 0 11.3384Z"
fill="#10BF83" />
<path
d="M0 19.6519C0 17.9813 1.35427 16.6271 3.02484 16.6271H24.9752C26.6457 16.6271 28 17.9813 28 19.6519C28 21.3225 26.6457 22.6768 24.9752 22.6768H3.02484C1.35427 22.6768 0 21.3225 0 19.6519Z"
fill="#10BF83" />
<path
d="M0 27.9654C0 26.2949 1.35427 24.9406 3.02484 24.9406H24.9752C26.6457 24.9406 28 26.2949 28 27.9654C28 29.636 26.6457 30.9903 24.9752 30.9903H3.02484C1.35427 30.9903 0 29.636 0 27.9654Z"
fill="#10BF83" />
<path
d="M0 36.279C0 34.6084 1.35427 33.2541 3.02484 33.2541H24.9752C26.6457 33.2541 28 34.6084 28 36.279C28 37.9496 26.6457 39.3038 24.9752 39.3038H3.02484C1.35427 39.3038 0 37.9496 0 36.279Z"
fill="#10BF83" />
<path
d="M0 45.3483C0 43.6778 1.35427 42.3235 3.02484 42.3235H24.9752C26.6457 42.3235 28 43.6778 28 45.3483C28 47.0189 26.6457 48.3732 24.9752 48.3732H3.02484C1.35427 48.3732 0 47.0189 0 45.3483Z"
fill="#10BF83" />
<path
d="M0 53.6619C0 51.9913 1.35427 50.637 3.02484 50.637H24.9752C26.6457 50.637 28 51.9913 28 53.6619C28 55.3324 26.6457 56.6867 24.9752 56.6867H3.02484C1.35427 56.6867 0 55.3324 0 53.6619Z"
fill="#10BF83" />
<path
d="M0 61.9752C0 60.3046 1.35427 58.9503 3.02484 58.9503H24.9752C26.6457 58.9503 28 60.3046 28 61.9752C28 63.6457 26.6457 65 24.9752 65H3.02484C1.35427 65 0 63.6457 0 61.9752Z"
fill="#10BF83" />
</svg>
<h2 id="hero_banner_text">Acadmer</h2>
</div>
<div class="hero_headline">One app for</div>
<div class="users_animation_wrap flex">
<span data-show class="item">School.</span>
<span class="item">Teachers</span>
<span class="item">Students.</span>
<span class="item">Parents.</span>
</div>
</section>
<script src="script/gsap.min.js"></script>
<script src="script/MotionPathPlugin.min.js"></script>
<script src="script/script.js"></script>
</body>
</html>