Fix UI - added text to landing page

This commit is contained in:
PragatiVerma18 2020-10-11 22:10:32 +05:30
parent e4a477db9d
commit 732e693d32
2 changed files with 14 additions and 4 deletions

View File

@ -16,9 +16,10 @@ body {
.card { .card {
border-radius: 10px; border-radius: 10px;
margin-top: 100px !important; margin-top: 50px !important;
height: 400px !important; height: 350px !important;
width: 300px; width: 250px;
margin: auto;
} }
.card.has-text-centered .card-header, .card.has-text-centered .card-header,
@ -166,3 +167,7 @@ body {
transform: scale(1); transform: scale(1);
} }
} }
.hero {
margin-top: 70px !important;
}

View File

@ -38,6 +38,11 @@
</div> </div>
</nav> </nav>
<main role="main"> <main role="main">
<div class="hero">
<p class="is-size-3 has-text-black has-text-weight-bold has-text-centered">Upload any Document to get an instant Quiz</p>
<p class="is-size-4 has-text-weight-bold has-text-centered">You Know 📖, You Grow 🚀</p>
<p class="is-size-5 has-text-black has-text-weight-medium has-text-centered"> Practice More • Learn More </p>
</div>
<div class="card has-text-centered"> <div class="card has-text-centered">
<img src="https://cdn4.iconfinder.com/data/icons/files-and-folders-thinline-icons-set/144/File_PDF-512.png" <img src="https://cdn4.iconfinder.com/data/icons/files-and-folders-thinline-icons-set/144/File_PDF-512.png"
alt="upload"/> alt="upload"/>