43 lines
1.1 KiB
Svelte
43 lines
1.1 KiB
Svelte
|
<section
|
||
|
|
id="student-dashboard"
|
||
|
|
class="text-center text-white py-[10%] px-3 lg:px-0 bg-black"
|
||
|
|
>
|
||
|
|
<div class="mb-10">
|
||
|
|
<a
|
||
|
|
href="#student-dashboard"
|
||
|
|
class="rounded-full px-4 py-2 text-sm font-medium hover:underline bg-[#1D4EE2] underline"
|
||
|
|
><span class="">yourorg</span>.classroomio.com</a
|
||
|
|
>
|
||
|
|
</div>
|
||
|
|
<h1
|
||
|
|
class="mx-auto text-3xl md:text-4xl lg:text-6xl font-normal leading-[1.5] flex flex-col items-center gap-4"
|
||
|
|
>
|
||
|
|
A Personalized Dashboard for Your Students
|
||
|
|
</h1>
|
||
|
|
|
||
|
|
<p
|
||
|
|
class="mx-auto mt-10 lg:mt-6 px-4 lg:p-0 text-md tracking-wide leading-6 text-gray-400 lg:w-2/4"
|
||
|
|
>
|
||
|
|
Once you create an account, you get a dedicated dashboard where your
|
||
|
|
students can access all their courses, assignments, and more.
|
||
|
|
</p>
|
||
|
|
|
||
|
|
<div class="relative my-5 md:my-10">
|
||
|
|
<video
|
||
|
|
class="floating w-[85%] lg:w-[70%] mx-auto rounded-lg shadow-lg"
|
||
|
|
autoplay
|
||
|
|
loop
|
||
|
|
muted
|
||
|
|
defaultMuted
|
||
|
|
playsinline
|
||
|
|
preload="auto"
|
||
|
|
>
|
||
|
|
<source
|
||
|
|
src="./student-dashboard.mp4"
|
||
|
|
type="video/mp4"
|
||
|
|
/>
|
||
|
|
<track kind="captions" />
|
||
|
|
</video>
|
||
|
|
</div>
|
||
|
|
</section>
|