Issue #17,#18

Issue 17 e 18 com uma parte do carrosel, nao finalizado
IDEjr · Jul 18, 2023 · bf24d89 · bf24d89
1 parent 3fe64ce
commit bf24d89
Show file tree

Hide file tree

Showing 4 changed files with 110 additions and 2 deletions.
diff --git a/src/components/components/img/Cabeçalho.png b/src/components/components/img/Cabeçalho.png
diff --git a/src/components/components/img/CarimboPreto.png b/src/components/components/img/CarimboPreto.png
diff --git a/src/components/layout/Portfolio.css b/src/components/layout/Portfolio.css
@@ -0,0 +1,76 @@
+@font-face {
+    font-family:'Chillax';
+    src: url('Chillax-Regular.otf');
+}
+
+@font-face {
+    font-family:'Allegin';
+    src: url('Allegin.otf');
+}
+
+.container{
+    align-items: center;
+    margin: 0px;
+    padding: 0px;
+    font-family: 'Chillax';
+}
+
+.home{
+    background-image: url("Cabeçalho.png");
+    background-size: cover;
+    background-position: center;
+    height: 100vh;
+}
+
+.projeto{
+    background-color: #20181B;
+    padding: 125px;
+    padding-left: 227px;
+    padding-right: 227px; 
+}
+
+.projetoTitle{
+    color:white;
+    text-align: center;
+    font-size: 50px;
+    font-weight: 200;
+    font-family: 'Chillax';
+}
+
+.projetoTitle span{
+    font-family: 'Allegin';
+}
+
+.img-carimbo{
+    padding-top: 125px;
+    width: 1000px;
+    height: 585px;
+}
+
+.slider{
+    background-color: #20181B;
+    padding: 125px;
+    padding-left: 227px;
+    padding-right: 227px; 
+}
+
+.depoimentosTitle{
+    text-align: left;
+    color:white;
+    font-size: 50px;
+    font-family: 'Allegin';
+    font-weight: 200;
+}
+
+.depoimentosText{
+    padding-left: 15px;
+    padding-right: 15px;
+    padding-top: 75px;
+    padding-bottom: 75px;
+    border: solid;
+    border-width: 1px;
+    border-color: white;
+    text-align: center;
+    font-weight: 100;
+    color: white;
+}
diff --git a/src/components/pages/Portfolio.js b/src/components/pages/Portfolio.js
@@ -1,5 +1,37 @@
-function Portfolio(){
-    return <h1>Portfólio</h1>
+function Portfolio() {
+    return (
+    <html>
+        <head>
+            <link rel="stylesheet" href="../layout/Portfolio.css" />
+            <link rel="stylesheet" href="owlCarousel/dist/assets/owl.carousel.min.css" />
+            <link rel="stylesheet" href="owlCarousel/dist/assets/owl.theme.default.min.css" />
+        </head>
+        <body>
+            <script src=""></script>
+            <script src="owlCarousel/dist/owl.carousel.min.js"></script>
+            <main class="container">
+                <div class="home">
+                </div>
+                <div class="projeto">
+                    <h1 class="projetoTitle">
+                        Promover transformação social através <br>da <span>força</span> das raízes brasileiras,
+                        realçando <br>sua <span>energia moderna</span> e <span>vibrante</span>.
+                        <img class="img-carimbo" src="../components/img/CarimboPreto.png">
+                    </h1>
+                    </div>
+                    <div class="slider">
+                    <h2 class="depoimentosTitle">O QUE NOSSO CLIENTES TEM A DIZER</h2>
+                    <h2 class="depoimentosText">
+                        “Trabalhar com a faísca foi uma excelente experiência, o resultado superou
+                        toda e qualquer expectativa. Nos impactou de tal forma que buscamos estabelecer
+                        uma parceria e recomendamos o trabalho sempre que possível”
+                        <br><b>Equipe IECBiot</b>
+                    </h2>
+                    </div>
+            </main>
+        </body>
+    </html>
+    )
 }
 
 export default Portfolio