Adicionado Testimonial

gmarcon83 · Jun 4, 2021 · 7a69524 · 7a69524
1 parent b6ea40a
commit 7a69524
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 1 deletion.
diff --git a/Angular Dia 03 - Exercícios/SinglePage/src/app/testimonial/testimonial.component.css b/Angular Dia 03 - Exercícios/SinglePage/src/app/testimonial/testimonial.component.css
@@ -8,4 +8,23 @@
   flex-direction: column;
   align-items: center;
   justify-content: center;
+  padding: 3rem 0;
+}
+
+.divisor {
+  border-bottom: 2px solid white;
+  min-width: 11rem;
+  margin-bottom: 3rem;
+}
+
+h2 {
+  font-size: 3rem;
+  padding: 3rem 0 1rem;
+  font-weight: 300;
+}
+
+p {
+  text-align: center;
+  padding: 0 0 1rem;
+  line-height: var(--linha-espacada);
 }
diff --git a/Angular Dia 03 - Exercícios/SinglePage/src/app/testimonial/testimonial.component.html b/Angular Dia 03 - Exercícios/SinglePage/src/app/testimonial/testimonial.component.html
@@ -1,5 +1,10 @@
 <div class="fundo">
   <div class="container">
-    <p>testimonial works!</p>
+    <h2>Testimonial</h2>
+    <div class="divisor"></div>
+    <p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Nam corrupti vero officiis ut nemo dolorum itaque,
+      molestias dolorem quam, eum inventore. Dolorum accusantium harum dolorem expedita obcaecati, provident nulla,
+      cupiditate illo, architecto praesentium alias aliquam perferendis nihil ea rem placeat iste recusandae ab!
+      Similique tempora tenetur, accusamus excepturi quos laboriosam.</p>
   </div>
 </div>