Spaces:
Runtime error
Runtime error
File size: 13,383 Bytes
b75f547 |
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 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 204 205 206 207 208 209 210 211 212 213 214 215 216 217 218 219 220 221 222 223 224 225 226 227 228 |
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="icon" type="image/x-icon" href="/static/favicon.png">
<title>SmileCheck</title>
<link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
<link rel="stylesheet" href="{{ url_for('static', filename='css/swiper-bundle.min.css') }}">
<link rel="stylesheet" href="https://unicons.iconscout.com/release/v4.0.0/css/line.css">
</head>
<body>
<div class="loader" style="z-index:999999">
<br>
<br>
<br>
<br>
<div style="text-align: center;">
<video width="100%" height="100%" autoplay muted style="background-color: white;margin: 0 auto; max-height:440px; max-width:547px; padding:20px;">
<source src="static/smilecheckloader.mp4" type="video/mp4" autoplay />
</video>
</div>
<br>
<div class="box">
<div class="loader3" style="text-align: center;"></div>
</div>
<br>
<div style="text-align: center;">
<span id="variableValue">0</span>
</div>
</div>
<script>
var variable = 0;
var intervalId = setInterval(function() {
if (variable < 100) {
variable++;
document.getElementById("variableValue").innerHTML = variable+"%";
} else {
clearInterval(intervalId);
}
}, 10);
const loader = document.querySelector(".loader");
setTimeout(() => {
loader.classList.add("hide");
setTimeout(() => {
document.body.removeChild(loader);
}, 500);
}, 1200);
</script>
<header>
<div class="nav-bar">
<a href="" class="logo"><img src="/static/smilelogo-transperent.png" width="260" height="85" style="padding-top: 15px;"></a>
<div class="navigation">
<div class="nav-items">
<i class="uil uil-times nav-close-btn"></i>
<a href="./home"><i class="uil uil-home"></i> <b>Home</b></a>
<a href="#about" id="jump-link1"><i class="uil uil-info-circle"></i> <b>About</b></a>
<a href="#features" id="jump-link4"><i class="uil uil-compass"></i> <b>Features</b></a>
<a href="#reference" id="jump-link2"><i class="uil uil-document-layout-left"></i> <b>References</b></a>
<a href="#contact" id="jump-link3"><i class="uil uil-envelope"></i> <b>Contact</b></a>
</div>
</div>
<i class="uil uil-apps nav-menu-btn"></i>
</div>
</header>
<section class="home">
<!-- <div class="media-icons">-->
<!-- <a href="#"><i class="uil uil-facebook-f"></i></a>-->
<!-- <a href="#"><i class="uil uil-instagram"></i></a>-->
<!-- <a href="#"><i class="uil uil-twitter"></i></a>-->
<!-- </div>-->
<div class="swiper bg-slider">
<div class="swiper-wrapper">
<div class="swiper-slide">
<svg id="visual" viewBox="0 0 960 540" width="960" height="540" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"><g transform="translate(445.69019277756365 247.65710150150943)"><path d="M112.9 -90.4C157.9 -67.9 213.9 -33.9 224.7 10.7C235.4 55.4 200.8 110.8 155.8 138.8C110.8 166.8 55.4 167.4 -1.2 168.6C-57.7 169.7 -115.5 171.5 -140.8 143.5C-166.2 115.5 -159.1 57.7 -147.6 11.4C-136.2 -34.9 -120.4 -69.8 -95.1 -92.3C-69.8 -114.8 -34.9 -124.9 -0.5 -124.4C33.9 -123.9 67.9 -112.9 112.9 -90.4" fill="#ff9900"></path></g></svg>
<!-- <img id="visual" src="{{ url_for('static', filename='index-back.svg') }}" alt="">-->
<div class="text-content">
<h2 class="title">SmileCheck <span>Happy Index</span></h2>
<p>Welcome to SmileCheck - the revolutionary web app that helps college students measure their happiness index! Our app is designed to analyze your sentiment and provide you with an accurate assessment of your overall level of happiness.</p>
<button class="read-btn" onclick="window.location.href='/home'">Take Assessment <i class="uil uil-arrow-right"></i></button>
</div>
</div>
<div class="swiper-slide">
<svg id="visual" viewBox="0 0 960 540" width="960" height="540" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"><g transform="translate(445.69019277756365 247.65710150150943)"><path d="M112.9 -90.4C157.9 -67.9 213.9 -33.9 224.7 10.7C235.4 55.4 200.8 110.8 155.8 138.8C110.8 166.8 55.4 167.4 -1.2 168.6C-57.7 169.7 -115.5 171.5 -140.8 143.5C-166.2 115.5 -159.1 57.7 -147.6 11.4C-136.2 -34.9 -120.4 -69.8 -95.1 -92.3C-69.8 -114.8 -34.9 -124.9 -0.5 -124.4C33.9 -123.9 67.9 -112.9 112.9 -90.4" fill="#ff9900"></path></g></svg>
<div class="text-content">
<h2 class="title">SmileCheck <span>Happy Index</span></h2>
<p>Welcome to SmileCheck - the revolutionary web app that helps college students measure their happiness index! Our app is designed to analyze your sentiment and provide you with an accurate assessment of your overall level of happiness.</p>
<button class="read-btn" onclick="window.location.href='/home'">Take Assessment <i class="uil uil-arrow-right"></i></button>
</div>
</div>
</div>
</div>
<div class="bg-slider-thumbs" style="display:none"></div>
</section>
<section id="about" class="about section">
<h2>About</h2>
<p>We understand that college can be a challenging and stressful time for many students, and it's important to prioritize your mental health and wellbeing. That's why we've created SmileCheck - to give you an easy and accessible way to measure your happiness and identify areas where you can improve.<br>
Our sentiment analysis tool is based on the latest research in psychology and uses advanced algorithms to analyze your responses to a series of questions. This allows us to provide you with a comprehensive and accurate assessment of your happiness index.</p>
</section>
<section id="features" class="about section">
<h2>Features</h2><br>
<p>To get started, simply create an account and complete the assessment. You'll receive a detailed report that includes your happiness score, as well as personalized recommendations for how you can improve your wellbeing. You can even track your progress over time, so you can see how your happiness level changes as you implement our recommendations.</p>
<div class="flex-container">
<div class="flex-item1">
<div class="marker">
<div class="ribbon">
<span>1</span>
</div><br><br>
</div>
<h1><b>Sentiment Analysis Tool</b></h1><br>
<span>Our sentiment analysis tool is the core feature of SmileCheck. It allows college students to assess their level of happiness and identify areas where they may need to focus on for improvement.</span>
</div>
<div class="flex-item2"><div class="numbers"><h1>1</h1></div></div>
</div>
<div class="flex-container">
<div class="flex-item3"><div class="flex-item2"><div class="numbers"><h1>2</h1></div></div></div>
<div class="flex-item4">
<div class="marker">
<div class="ribbon">
<span>2</span>
</div><br><br>
</div>
<h1><b>Personalized recommendations</b></h1><br>
<span>Based on the results of the sentiment analysis, SmileCheck provides personalized recommendations to students. These recommendations are tailored to their specific needs and goals, and can help them make positive changes to improve their overall happiness.</span>
</div>
</div>
<div class="flex-container">
<div class="flex-item5">
<div class="marker">
<div class="ribbon">
<span>3</span>
</div><br><br>
</div>
<h1><b>Progress Tracking</b></h1><br>
<span>SmileCheck enables students to track their progress over time. By regularly completing the assessment, they can see how their happiness level changes and identify trends or patterns that may need attention.</span>
</div>
<div class="flex-item6"><div class="flex-item2"><div class="numbers"><h1>3</h1></div></div></div>
</div>
<div class="flex-container">
<div class="flex-item7"><div class="flex-item2"><div class="numbers"><h1>4</h1></div></div></div>
<div class="flex-item8">
<div class="marker">
<div class="ribbon">
<span>4</span>
</div><br><br>
</div>
<h1><b>Admin Control</b></h1><br>
<span>SmileCheck offers an admin control feature that allows administrators to create and manage assessments for students. This feature is particularly useful for universities or organizations that want to create custom assessments tailored to their specific needs.</span>
</div>
</div>
</section>
<section id="reference">
<div class="media-icons">
<a href="#"><i class="uil uil-facebook-f"></i></a>
<a href="#"><i class="uil uil-instagram"></i></a>
<a href="#"><i class="uil uil-twitter"></i></a>
</div>
<div class="swiper bg-slider">
<div class="swiper-wrapper">
<div class="swiper-slide" style="background:none;">
<svg id="visual" viewBox="0 0 960 540" width="960" height="540" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1"><g transform="translate(445.69019277756365 247.65710150150943)"><path d="M112.9 -90.4C157.9 -67.9 213.9 -33.9 224.7 10.7C235.4 55.4 200.8 110.8 155.8 138.8C110.8 166.8 55.4 167.4 -1.2 168.6C-57.7 169.7 -115.5 171.5 -140.8 143.5C-166.2 115.5 -159.1 57.7 -147.6 11.4C-136.2 -34.9 -120.4 -69.8 -95.1 -92.3C-69.8 -114.8 -34.9 -124.9 -0.5 -124.4C33.9 -123.9 67.9 -112.9 112.9 -90.4" fill="#ff9900"></path></g></svg>
<div class="text-content">
<h2 class="title">Smart India Hackathon [SIH] <br> <span>Problem Statement 2022</span></h2>
<p><b>Department of School Education & Literacy (DoSEL), Ministry of Education -</b> Development of a happiness index for schools (including mental health and well-being parameters, among others) with self-assessment facilities.</p>
<button class="read-btn" onclick="window.open('https://sih.gov.in/sih2022PS', '_blank')">See Details <i class="uil uil-arrow-right"></i></button>
</div>
</div>
</div>
</div>
</section>
<section id="contact" class="about section" style="height:550px;">
<div class="swiper bg-slider">
<div class="swiper-wrapper">
<div class="swiper-slide" style="background:none;">
<div class="text-content">
<h2 class="title">Conatct Us <br> <span>SmileCheck Team</span></h2>
<div class="contact-items">
<p><b>Mobile : </b> <a href="tel:1234567890">1234567890</a><br>
<b>Email : </b> <a href="mailto:smilecheck@gmail.com">smilecheck@gmail.com</a><br>
<b></b>
</p></div>
</div>
</div>
</div>
</div>
</section>
<footer id="footer">
<div class="footer">
<div>
<svg class="waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 24 150 28" preserveAspectRatio="none" shape-rendering="auto">
<defs>
<path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" />
</defs>
<g class="parallax">
<use xlink:href="#gentle-wave" x="48" y="0" fill="rgba(255, 157, 0,0.7" />
<use xlink:href="#gentle-wave" x="48" y="3" fill="rgba(255, 157, 0,0.5)" />
<use xlink:href="#gentle-wave" x="48" y="5" fill="rgba(255, 157, 0,0.3)" />
<use xlink:href="#gentle-wave" x="48" y="7" fill="rgba(255, 157, 0, 1)" />
</g>
</svg>
</div>
<div class="footer-flex content">
<div class="logo-foot"><span style="color:white">SMILECHECK</span></div>
<div class="copyright"><span style="color:white">Copyright © 2023 SmileCheck. All rights reserved.</span></div>
<div class="follow"><span style="color:white">Follow Us On:<br>Facebook: @smilecheck<br>Twitter: @smilecheck<br>Instagram: @smilecheck</span></div>
</div>
</div>
</footer>
<script src="{{ url_for('static', filename='js/swiper-bundle.min.js') }}"></script>
<script src="{{ url_for('static', filename='js/main.js') }}"></script>
</body>
</html>
|