1<!DOCTYPE html> 2<html lang="en"> 3 4<head> 5 <meta charset="UTF-8"> 6<!-- This site is hosted on Netlify. Anyone can build and deploy a site 7 like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=50c4ab73-4dc4-4335-b166-da24499106ea 8 Netlify hosting facts for this site: static/SSR served via Netlify Edge. --> 9 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 10 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 11 <link rel="stylesheet" href="./assets/bootstrap/css/bootstrap.min.css"> 12 <link rel="stylesheet" href="./assets/aos/aos.css"> 13 <link rel="stylesheet" href="./style/main.css"> 14
14<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
14 15
15<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.min.js"></script>
15 16 <link href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js"> 17 <title>Welcome to VR School - A Revolutionary Learning Experience!</title> 18 19 <style> 20 .header__subtitle { 21 color: #CEF282; 22 font-size: 25px; 23 } 24 </style> 25</head> 26 27<body> 28 29 <nav class="navbar fixed-top py-4"> 30 <div class="container align-items-center"> 31 <a class="navbar-brand mt-0" href="#"> 32 <h1>VR School</h1> 33 </a> 34 35 <div class="nav-header d-flex align-items-center" id="navHeader"> 36 <ul class="d-flex text-white list-unstyled m-0" id="navbar-links"> 37 <li><a href="#">Home</a></li> 38 <li><a href="#about">About</a></li> 39 <li><a href="#vision">Vision</a></li> 40 <li><a href="#pricing">Pricing</a></li> 41 <li><a href="#contact">Contact</a></li> 42 </ul> 43 </div> 44 45 <div class="action"> 46 <a href="#contact" class="action-button">Join Waitlist</a> 47 </div> 48 49 <!-- Add a button for the mobile menu --> 50 <div class="menu-btn"> 51 <button id="menu-toggle" class="menu-toggle-button">☰</button> 52 </div> 53 </div> 54 </nav> 55 56 <header class="header pt-5 mt-5 "> 57 <div class="container"> 58 <div class="row header__row"> 59 <div class="col-sm-7 col-12 d-flex align-items-center"> 60 <div class="header__content"> 61 <h1 class="header__title " data-aos="fade-right"> VR School </h1> 62 <p class="header__subtitle" data-aos="fade-right"> 63 Welcome to VR School - A Revolutionary Learning Experience! 64 </p> 65 <div class="row header__sub" data-aos="fade-down"> 66 <div class="col-xl-6 col-lg-12"> 67 68 <button class="custom__btn">Get Demo</button> 69 </div> 70 <div class="col-xl-6 col-lg-12 mt-auto header__sub-second"> 71 <div class="row"> 72 <div class="col-lg-12 col-sm-10 col-5 "> 73 <a href="https://www.youtube.com/@VRSchooluz" class="header__links"> 74 <img src="./assets/images/youtube-logo-2431.png" class="youTube" alt="" 75 class="me-2"> 76 VR School 77 </a> 78 </div> 79 <div class="col-lg-12 col-sm-10 col-7 mt-0 mt-sm-4 "> 80 <a href="" class="header__links "> 81 <img src="./assets/images/free-icon-instagram-2504918.svg" alt="" 82 class="me-2 "> 83 VR School 84 </a> 85 </div> 86 </div> 87 88 </div> 89 </div> 90 </div> 91 </div> 92 <div class="col-sm-5 col-16"> 93 <div class="header__image" data-aos="fade-up"> 94 <img src="./assets/images/w1.svg" alt="landing page image"> 95 </div> 96 </div> 97 </div> 98 </div> 99 </header> 100 <section id="about" class="about"> 101 <div class="container"> 102 <h2 class="text-center about__title section__title">Why VR School? </h2> 103 <div class="row"> 104 <div class="col-md-12"> 105 <div class="about__card-cotainer"> 106 <div class="rt" data-aos="fade-up-right"> 107 <div class="about__card"> 108 <p> 109 <b>Better Learning Experiences:</b> Using VR in schools makes learning more 110 exciting. It takes us to cool places, helps us understand tricky stuff, lets us work 111 together, and even tailors lessons just for us. 112 </div> 113 <img class="trash" src="./assets/images/about_1.png" alt=""> 114 </div> 115 <div class="rt" data-aos="fade-up-left"> 116 <div class="about__card"> 117 <p> 118 <b>Getting Ready for Tomorrow:</b> VR helps us get ready for the future by making 119 us good with technology, great at solving problems, and super-smart in science and 120 math. It also teaches us about the big world and the jobs we might want to do 121 someday. 122 </p> 123 124 </div> 125 <img src="./assets/images/about_2.png" alt=""> 126 </div> 127 128 129 </div> 130 131 </div> 132 133 </div> 134 135 </div> 136 137 </section> 138 139 140 <div class="container-fluid"> 141 <div class="row"> 142 <div class="col-12 p-0"> 143 <section class="slider d-flex w-100"> 144 <div class="slide infoSlide__content "> 145 <p>VR School</p> 146 </div> 147 <div class="slide infoSlide__content odd"> 148 <p>VR School</p> 149 </div> 150 <div class="slide infoSlide__content "> 151 <p>VR School</p> 152 </div> 153 <div class="slide infoSlide__content odd "> 154 <p>VR School</p> 155 </div> 156 <div class="slide infoSlide__content "> 157 <p>VR School</p> 158 </div> 159 <div class="slide infoSlide__content odd "> 160 <p>VR School</p> 161 </div> 162 </section> 163 </div> 164 </div> 165 </div> 166 167 168 <section class="fits"> 169 <div class="container"> 170 <div class="row"> 171 <div class="col-lg-12"> 172 <h2 class="text-center section__title">For Whom ?</h2> 173 </div> 174 <div class="col-lg-12"> 175 <div class="fits__container justify-content-center"> 176 <div class="fits__card" data-aos="flip-left"> 177 <div class="about__card"> 178 <p> VR school is for students, designed to improve their learning through immer
178sive, 179 interactive experiences.</p> 180 </div> 181 </div> 182 <div class="fits__card" data-aos="flip-right"> 183 <div class="about__card"> 184 <p> VR school is for educators, providing a powerful tool to enhance teaching and engage 185 students in innovative ways.</p> 186 </div> 187 </div> 188 </div> 189 </div> 190 </div> 191 </div> 192 </section> 193 <div class="infoSlide "> 194 195 196 197 </div> 198 <div class="aboutMe"> 199 <div class="container"> 200 <div class="row"> 201 <div class="col-lg-12"> 202 <div class="aboutMe__content" data-aos="fade-up"> 203 <div class="row align-items-center about_me_text"> 204 <div class="col-lg-12 col-12" data-aos="fade-right" data-aos-offset="300"> 205 <h2 class="aboutMe__title section__title text-center">About Us 206 </h2> 207 <div class="about_me_box"> 208 <div class="col-lg-6 col-12 p-2"> 209 <p class="aboutMe__text text-center"> 210 VR School: Shaping the Future of Learning 211 VR School is redefining education by harnessing the power of virtual 212 reality. Our 213 immersive platform takes subjects like Math, Art, Gym, Biology, Physics, and 214 more 215 into the 3D realm, turning learning into an adventure. 216 </p> 217 </div> 218 219 <div class="col-lg-6 col-12 p-2"> 220 <p class="aboutMe__text text-center"> 221 Accessible on various 222 devices, VR School empowers both students and teachers to explore and teach 223 in ways 224 never seen before. Join the revolution at VR School, where education becomes 225 a 226 captivating journey. 227 </p> 228 </div> 229 </div> 230 </div> 231 232 </div> 233 234 <div class="aboutMe__video col-lg-12"> 235 <!-- <iframe width="550" height="350" src="https://youtu.be/93Aor8knT08" 236 title="Meta's new (and very expensive) Quest Pro VR headset in under 4 minutes" 237 frameborder="0" 238 allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 239 allowfullscreen></iframe> --> 240 241 <div class="col-lg-12"> 242 <iframe src="https://www.youtube.com/embed/93Aor8knT08" 243 title="Chemistry lesson using VR School" frameborder="0" 244 allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 245 allowfullscreen></iframe> 246 </div> 247 248 </div> 249 250 </div> 251 </div> 252 </div> 253 254 </div> 255 </div> 256 257 <div class="container-fluid"> 258 <div class="row"> 259 <div class="col-12 p-0"> 260 <section class="slider d-flex w-100"> 261 <div class="slide infoSlide__content "> 262 <p>VR School</p> 263 </div> 264 <div class="slide infoSlide__content odd"> 265 <p>VR School</p> 266 </div> 267 <div class="slide infoSlide__content "> 268 <p>VR School</p> 269 </div> 270 <div class="slide infoSlide__content odd "> 271 <p>VR School</p> 272 </div> 273 <div class="slide infoSlide__content "> 274 <p>VR School</p> 275 </div> 276 <div class="slide infoSlide__content odd "> 277 <p>VR School</p> 278 </div> 279 </section> 280 </div> 281 </div> 282 </div> 283 284 <section id="vision" class="vision"> 285 <div class="container"> 286 <h2 class="text-center about__title section__title">VR School Rooms</h2> 287 <div class="vision-main"> 288 <div class="col-sm-4 col-16"> 289 <img src="./assets/images/room1.png" alt=""> 290 </div> 291 292 <div class="col-sm-4 col-16"> 293 <img src="./assets/images/room2.png" alt="404"> 294 </div> 295 296 <div class="col-sm-4 col-16"> 297 <img src="./assets/images/room3.png" alt=""> 298 </div> 299 <br> 300 <div class="col-sm-4 col-16"> 301 <img src="./assets/images/room4.png" alt=""> 302 </div> 303 304 <div class="col-sm-4 col-16"> 305 <img src="./assets/images/room5.png" alt=""> 306 </div> 307 308 <div class="col-sm-4 col-16"> 309 <img src="./assets/images/room6.png" alt=""> 310 </div> 311 </div> 312 </div> 313 </section> 314 315 <div class="infoSlide "> 316 317 <div class="container-fluid"> 318 <div class="row"> 319 <div class="col-12 p-0"> 320 <section class="slider d-flex w-100"> 321 <div class="slide infoSlide__content "> 322 <p>VR School</p> 323 </div> 324 <div class="slide infoSlide__content odd"> 325 <p>VR School</p> 326 </div> 327 <div class="slide infoSlide__content "> 328 <p>VR School</p> 329 </div> 330 <div class="slide infoSlide__content odd "> 331 <p>VR School</p> 332 </div> 333 <div class="slide infoSlide__content "> 334 <p>VR School</p> 335 </div> 336 <div class="slide infoSlide__content odd "> 337 <p>VR School</p> 338 </div> 339 </section> 340 </div> 341 </div> 342 </div> 343 344 345 </div> 346 347 </div> 348 349 <section class="startup "> 350 <div class="container"> 351 <h2 class="text-center about__title section__title">Values</h2> 352 <div class="row mb-5"> 353 <div class="col-md-12"> 354 <div class="about__card-cotainer"> 355 <div class="rt" data-aos="fade-up-right"> 356 <div class="about__card"> 357 <p> 358 ⢠Innovation 359 <br> 360 ⢠Sincere customer loyalty 361 <br> 362 ⢠Friendly teamwork 363 </p> 364 365 </div> 366 <img src="./assets/images/startupleft.png" alt=""> 367 </div> 368 <div class="rt" data-aos="fade-up-left"> 369 <div class="about__card"> 370 <p> 371 ⢠High quality 372 <br>
373 ⢠Comfortable product 374 <br> 375 ⢠Customer care 376 </p> 377 378 </div> 379 <img src="./assets/images/startupright.png" alt=""> 380 </div> 381 382 383 </div> 384 385 </div> 386 387 </div> 388 389 </div> 390 391 </section> 392 393 <div class="contact " id="contact"> 394 <div class="container"> 395 <div class="row justify-content-center"> 396 <div class="col-lg-7 col-sm-12 contact__wrap" data-aos="zoom-in"> 397 <h2 class="contact__title section__title"> 398 Join now and get 20% discount 399 </h2> 400 <p class="contact__text "> 401 Welcome to VR School - A Revolutionary Learning Experience! 402 </p> 403 <div class="contact__link "> 404 </div> 405 </div> 406 <div class="col-lg-4 col-sm-12" data-aos="zoom-in"> 407 <div id="myForm"> 408 <input type="text" class="form__input" placeholder="Name" id="name_input"> 409 <input type="number" class="form__input" placeholder="Phone" id="phone_input"> 410 <input type="email" class="form__input" placeholder="Email" id="email_input"> 411 <h5 id="message"> 412 </h6> 413 <div class="text-center text-lg-start"> 414 <button type="submit" class="contact__btn custom__btn justify-content-center" id="btn" 415 onclick="sendMailBtn()">Join Waitlist</button> 416 </div> 417 </div> 418 419 </div> 420 </div> 421 </div> 422 </div> 423 424 <div class="footer py-5 d-flex align-center justify-content-center"> 425 <p> 426 Cyber Team <span> ©</span> 2023 427 </p> 428 </div> 429 430
430<script src="./assets/bootstrap/js/bootstrap.min.js"></script>
430 431
431<script src="./assets/aos/aos.js"></script>
431 432
432<script src="./js/main.js"></script>
432 433
433<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/emailjs-com@2/dist/email.min.js"></script>
433 434
434<script type="text/javascript"> 435 (function () { 436 emailjs.init("ne0cvvtLMHGWUBGUI"); 437 })(); 438 </script>
438 439</body> 440 441</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.