-
Notifications
You must be signed in to change notification settings - Fork 2
/
home.html
124 lines (109 loc) · 4.84 KB
/
home.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta content="width=device-width, initial-scale=1.0" name="viewport">
<title>Skill Assessment Platform</title>
<meta content="" name="description">
<meta content="" name="keywords">
<link
href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Jost:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i"
rel="stylesheet">
<link href="assets/vendor/aos/aos.css" rel="stylesheet">
<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">
<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">
<link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">
<link href="home.css" rel="stylesheet">
</head>
<body>
<header id="header" class="fixed-top ">
<div class="container d-flex align-items-center">
<h1 class="logo me-auto"><a href="index.html">SkillSync</a></h1>
<nav id="navbar" class="navbar">
<ul>
<li><a class="nav-link scrollto active" href="#hero">Home</a></li>
<li><a class="nav-link scrollto" href="#about">About</a></li>
<li class="dropdown"><a href="#"><span>Practice</span> <i class="bi bi-chevron-down"></i></a>
<ul>
<li><a href="Coding-Assessments/index.html">Coding</a></li>
</ul>
<li><a href="http://localhost:5000">Interview</a></li>
<li class="dropdown"><a href="#"><span>More</span> <i class="bi bi-chevron-down"></i></a>
<ul>
<li><a href="https://jazzy-smakager-2e094f.netlify.app/">CodeSync</a></li>
</ul>
</ul>
</li>
</li>
</ul>
<i class="bi bi-list mobile-nav-toggle"></i>
</nav>
</div>
</header>
<section id="hero" class="d-flex align-items-center">
<div class="container">
<div class="row">
<div class="col-lg-6 d-flex flex-column justify-content-center pt-4 pt-lg-0 order-2 order-lg-1"
data-aos="fade-up" data-aos-delay="200">
<h1>Bridging Skills, Unlocking Success!</h1>
<h2>Helps users to enhance their skills effectively and maximize productivity.</h2>
<div class="d-flex justify-content-center justify-content-lg-start">
<a href="loginpage.html" class="btn-get-started scrollto">Login Now!</a>
</div>
</div>
<div class="col-lg-6 order-1 order-lg-2 hero-img" data-aos="zoom-in" data-aos-delay="200">
<img src="home.png" class="img-fluid animated" alt="">
</div>
</div>
</div>
</section>
<section id="about" class="about">
<div class="container" data-aos="fade-up">
<br>
<div class="section-title">
<h2>About Us</h2>
</div>
<div class="row content">
<div class="col-lg-6">
<p>
It is an innovative platform that transforms skill development by offering:-
</p>
<ul>
<li><i class="ri-check-double-line"></i>Diverse assessments with real-time feedback</li>
<li><i class="ri-check-double-line"></i>Unique integration of live interviews and collaboration features
</li>
</ul>
</div>
<div class="col-lg-6 pt-4 pt-lg-0">
<p>
Aims to minimize the time and effort spent by users in navigating multiple platforms or sources.
This integrated approach not only saves valuable time but also boosts efficiency, allowing users to focus
their energy on skill development and goal attainment rather than on logistical hurdles.
</p>
</div>
</div>
</div>
</section>
<div id="preloader"></div>
<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i
class="bi bi-arrow-up-short"></i></a>
<script src="assets/vendor/aos/aos.js"></script>
<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>
<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>
<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>
<script src="assets/vendor/waypoints/noframework.waypoints.js"></script>
<script src="assets/vendor/php-email-form/validate.js"></script>
<script src="home.js">
fetch('http://localhost:3000/api/data')
.then(response => response.json())
.then(data => {
document.getElementById('message').innerText = data.message;
})
.catch(error => console.error('Error fetching data:', error));
</script>
</body>
</html>