-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
135 lines (103 loc) · 4.55 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="style.css">
<title>EduTain</title>
<link rel="shortcut icon" href="images/logo.ico" type="image/x-icon">
</head>
<body>
<header>
<div class="left-nav">
<a href="#"><img src="images/logo.png" alt="logo" width="50px" height="50px"></a>
<a href="#"><h1 id = "nav-heading">Edutain</h1></a>
</div>
<nav>
<ul>
<li><a href="#">Home</a></li>
<li><a href="course.html">Courses</a></li>
<li><a href="index1.html">Leaderboard</a></li>
<li><a href="store.html">Store</a></li>
<li><a href="simplelogin.html" style="background: linear-gradient(to bottom left, royalblue, lightblue); padding: 10px; border-radius: 30px; font-size: 1.1rem;">Login/Signup</a></li>
</ul>
</nav>
</header>
<div class="banner-div">
<div class="left-text">
<h2 id = "heading">Explore the new way of learning with <span style="color: royalblue; font-size: 4.5rem;">Edutain</span></h2>
<p id = "subheading">Gamify learning</p>
<button id = "get-started">Get Started</button>
</div>
<div class="gallery">
<img id = "gallery-img-1" src="images/hero-banner-1.jpg" alt="">
<img id = "gallery-img-2" src="images/hero-banner-2.jpg" alt="">
</div>
</div>
<div class="explore-courses">
<p>We Provide Excellent Courses From Top Teachers Organised Like A Game
</p>
<div class="cards">
<div class="card">
5+ Courses
</div>
<div style="background-color: rgb(221, 21, 181);" class="card">
15+ Educators
</div>
<div style="background-color: rgb(153, 84, 244);" class="card">
10+ Rewards
</div>
</div>
</div>
<div class="feature-cards">
<p id = "feature-heading">HighLighted Features</p>
<div class="feature-card">
<div class="left-feaure-card">
<img width = "300px" height = "300px" src="images/leaderboard.jpeg" alt="">
</div>
<div class="right-feature-card">
<p>
Engage in friendly competition with your friends, challenging each other to climb the leaderboard and unlock exciting rewards, pushing boundaries beyond your comfort zone.
</p>
</div>
</div>
<div class="feature-card">
<div class="right-feature-card">
<p>
After completing a course, earn rewards that can be redeemed for interesting presents in the store.
</p>
</div>
<div class="left-feaure-card">
<img width = "300px" height = "300px" src="images/giftVecotr.png" alt="">
</div>
</div>
<div class="feature-card">
<div class="left-feaure-card">
<img width = "300px" height = "300px" src="images/growthvector.jpeg" alt="">
</div>
<div class="right-feature-card">
<p>
Upholding a consistent performance streak not only enhances your overall proficiency but also unlocks rewarding incentives as a testament to your dedication.
</p>
</div>
</div>
</div>
<footer>
<p>© 2023 EduGamify. All rights reserved.</p>
</footer>
<script>
window.watsonAssistantChatOptions = {
integrationID: "0d52c66a-fead-420a-a920-507407ae95c8", // The ID of this integration.
region: "jp-tok", // The region your integration is hosted in.
serviceInstanceID: "be713ea2-e853-429a-a616-c5a8348c0afd", // The ID of your service instance.
onLoad: function(instance) { instance.render(); }
};
setTimeout(function(){
const t=document.createElement('script');
t.src="https://web-chat.global.assistant.watson.appdomain.cloud/versions/" + (window.watsonAssistantChatOptions.clientVersion || 'latest') + "/WatsonAssistantChatEntry.js";
document.head.appendChild(t);
});
</script>
<script src="app.js"></script>
</body>
</html>