Style footer

.gitignore

@@ -15,4 +15,5 @@ Homestead.yaml
 npm-debug.log
 yarn-error.log
 package-lock.json
+ses
 /public/*

resources/scss/main.scss

@@ -350,6 +350,52 @@ section.panel-infos img.panel-preview {
 }
 
 section.benefits-info div {
-	margin: 2em auto;
+	margin: 1em auto;
+	padding: 1em auto;
+	border-top: 2px solid vars.getColor("faded-text2");
+	border-bottom: 2px solid vars.getColor("faded-text2");
 	max-width: 40em;
+	color: vars.getColor("faded-text");
+}
+
+section.faq-info {
+	margin-bottom: 6em;
+	margin-top: 3em;
+	// margin-left: auto;
+	// margin-right: auto;
+}
+
+section.faq-info .cards {
+	display: flex;
+	flex-flow: wrap;
+	gap: 2em;
+	justify-content: center;
+	max-width: 60em;
+	margin-left: auto;
+	margin-right: auto;
+}
+
+.faq-info .card {
+	max-width: 30em;
+}
+
+footer {
+	height: 6em;
+	background-color: #212121;
+	padding: 20px;
+	color: vars.getColor("faded-text2");
+}
+
+footer .foot-links {
+	width: 20em;
+	margin: 2em auto;
+	text-align: center;
+}
+
+footer a {
+	margin: 0 8px;
+	color: vars.getColor("faded-text2");
+	&:hover {
+		color: vars.getColor("faded-text");
+	}
 }

resources/views/home.blade.php

@@ -82,11 +82,16 @@
 	Elit aliquam velit ad incidunt in porro laborum? Unde eligendi dolores ad iure quia doloremque! Aliquid pariatur autem sed iure ipsam? Et ipsam architecto dolorum sapiente facilis quos Aut quasi</p>
 </div>
 	<div class="info-card"><p>
-	Ipsum incidunt non illum mollitia omnis! Minima possimus eveniet autem non modi? Molestiae aspernatur provident at mollitia veniam? Ad aliquid esse ipsam animi minus Excepturi est unde atque debitis consectetur.
+	Ipsum incidunt non illum mollitia omnis! Minima possimus eveniet autem non
+	modi? Molestiae aspernatur provident at mollitia veniam? Ad aliquid esse ipsam
+	animi minus Excepturi est unde atque debitis consectetur.
 </p>
 </div>
 	<div class="info-card"><p>
-	Consectetur repudiandae ad blanditiis non corrupti Aliquam quae eveniet corrupti quibusdam nisi maiores Dignissimos quas est explicabo laudantium excepturi Officia fugit fugiat sit officia sed ipsa accusantium? Minus eum porro</p>
+	Consectetur repudiandae ad blanditiis non corrupti Aliquam quae eveniet
+	corrupti quibusdam nisi maiores Dignissimos quas est explicabo laudantium
+	excepturi Officia fugit fugiat sit officia sed ipsa accusantium? Minus eum
+	porro</p>
 </div></div>
 	</section>
 	<section class='panel-infos'>
@@ -112,22 +117,29 @@
 		<h2>Benefits of Buying Views</h2>
 		<div>
 		<p>
-			Amet voluptatem quod tenetur in tempora! Ducimus nobis praesentium dolorum culpa corrupti Ipsum enim a vel veniam assumenda. Consequatur animi praesentium debitis aliquam autem? Optio consectetur nostrum rerum et exercitationem? lorem
+			Amet voluptatem quod tenetur in tempora! Ducimus nobis praesentium
+			dolorum culpa corrupti Ipsum enim a vel veniam assumenda. Consequatur animi
+			praesentium debitis aliquam autem? Optio consectetur nostrum rerum et
+			exercitationem? lorem
 		</p>
 		<p>
-			Amet ratione a atque libero cumque, tempore, corporis! Dolor debitis aut error provident suscipit. Sunt quam asperiores dicta ab nobis? Laboriosam accusamus officia expedita quidem possimus Dolor labore ullam omnis.
+			Amet ratione a atque libero cumque, tempore, corporis! Dolor
+			debitis aut error provident suscipit. Sunt quam asperiores dicta ab nobis?
+			Laboriosam accusamus officia expedita quidem possimus Dolor labore ullam omnis.
 		</p>
 		
 		</div>
 	</section>
-	<section class='faq'>
+	<section class='faq-info'>
 		<h2>FAQ</h2>
+		<div class="cards">
 		<div class="card">Amet officiis obcaecati et porro!</div>
 		<div class="card">Dolor minus corporis labore error.</div>
 		<div class="card">Ipsum nesciunt facilis veniam eos.</div>
 		<div class="card">Ipsum adipisicing blanditiis magnam quasi sunt?</div>
 		<div class="card">Sit quod nulla minima dignissimos itaque.</div>
 		<div class="card">Sit quod nulla minima dignissimos itaque.</div>
+		</div>
 	</section>
 @endsection
 

resources/views/master.blade.php

@@ -45,9 +45,9 @@ spellcheck='false'>
 	@yield('content')
 	<footer class='footer text-center'>
 		<div class='foot-links'>
-			<a class="footer-item" href="/terms">Terms & Policy</a>
-			<a class="footer-item" href="mail:support@trendplays.com">Help</a>
-			<a class="footer-item" href="/reset-password">Reset Password</a>
+			<a href="/terms">Terms & Policy</a>
+			<a href="mail:support@trendplays.com">Help</a>
+			<a href="/reset-password">Reset Password</a>
 		</div>
 		<small>©Copyright 2021 Trendplays Network, Inc.</small>
 	</footer>