Adeyemi AdetunjiandRotimi Best
ca466b5431
* text animation * feat: add colors to text * chore: add "in minutes" text * responsiveness fix * update * refactor * improvements * Center text tags * center text tag * update text --------- Co-authored-by: Rotimi Best <best@classroomio.com>
37 lines
1.1 KiB
Svelte
37 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-blue-700 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"
|
|
>
|
|
Your Student Dashboard
|
|
</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="https://video.cdn.clsrio.com/student-dashboard.mp4" type="video/mp4" />
|
|
<track kind="captions" />
|
|
</video>
|
|
</div>
|
|
</section>
|