Merge pull request #40 from RecodeJr/produtos.html

Author: catarinepires

css/style.css

@@ -314,8 +314,6 @@ color: #fff;
 	line-height:20px;
 	margin:17px 32px;
 	transition:all 0.3s ease-in-out;
-	-moz-transition:all 0.3s ease-in-out;
-	-webkit-transition:all 0.3s ease-in-out;
 }
 
 .main-nav li a:hover{
@@ -541,6 +539,10 @@ img {
 .show {
 	display: block;
 }
+
+.portfolioContainer{
+	max-width: 1140px;
+}
 
 
 /* no transition on .isotope container */
@@ -1017,10 +1019,6 @@ color: #3AC2C2;
 .res-nav_click:hover, .res-nav_click:active, .res-nav_click:focus {
 	color: #269c9c !important;
 }
-
-.portfolioContainer{
-	max-width: 1140px;
-}
 .paddind_footer{
   padding-bottom: 0 !important;
 }
@@ -1083,17 +1081,22 @@ color: #3AC2C2;
 }
 
 /* Produtos
-
+---------------------------------*/
 .produtosContainer{
 	margin:0 auto;
-	padding-left:15px;
+	padding-left: 40px;
+}
+.produtosContainer::after {
+  content: "";
+  display: table;
+  clear: both;
 }
 .produtos-box{
-	margin: 10px 0 0 0;
+	margin: 0 10px 0 0;
 	text-align:center;
-	margin-bottom:30px;
-	height:600px;
-	width:350px;
+	height:400px;
+	width: 100%;
+  	max-width: 350px;
 	overflow:hidden;
 	float:left;
 	padding-bottom:40px;
@@ -1103,9 +1106,7 @@ color: #3AC2C2;
 	border-radius: 2%;
 	width: 50%;
 	transition:all 0.3s ease-in-out;
-	-moz-transition:all 0.3s ease-in-out;
-	-webkit-transition:all 0.3s ease-in-out;
 }
 .produtos-box img:hover{
 	opacity: 0.6;
-} ---------------------------------*/
+}

img/produtos/ebook_c_3D.png

@@ -49,21 +49,24 @@
     </nav>
     <!--main-nav-end-->
 
-    <!-- e-books -->
+    <!--main-section-start-->
     <section class="main-section paddind" id="produtos">
-        <div class="col-sm produtosContainer wow fadeInUp delay-04s">
-            <div class="produtos-box">
-                <img src="img/produtos/ebook_python.jpeg" alt="#">
+        <h2>Produtos</h2>
+        <h6>Aprenda mais sobre linguagem de programação pelos nossos e-books autorais.</h6>
+        <div class="produtosContainer wow fadeInUp delay-04s">
+            <div class="col-sm produtos-box">
+                <img src="./img/produtos/ebook_python.jpeg" onmouseover="this. src='./img/produtos/ebook_python_3D.png'" onmouseout="this. src='./img/produtos/ebook_python.jpeg'" alt="#">
                 <h3>E-BOOK RECODE JR, Python</h3>
-                <a href="#" target="_blank">Descrição Ebook1.</a>
+                <a href="#" target="_blank">Um guia para os primeiros passos <br> na linguagem Python.</a>
             </div>
-            <div class="produtos-box">
-                <img src="img/produtos/ebook_c.jpeg" alt="#">
+            <div class="col-sm produtos-box">
+                <img src='./img/produtos/ebook_c.jpeg' onmouseover="this. src='./img/produtos/ebook_c_3D.png'" onmouseout="this. src='./img/produtos/ebook_c.jpeg'" alt="#">
                 <h3>E-BOOK RECODE JR, C++</h3>
-                <a href="#" target="_blank">Descrição Ebook2.</a>
+                <a href="#" target="_blank">Introdução à linguagem C.</a>
             </div>
         </div>
     </section>
+    <!--main-section-end-->
 
     <!-- footer-start -->
     <footer class="footer" id="contact">
@@ -131,4 +134,7 @@ <h3 class="ml-2 mt-4"><i class="fa-pencil"></i> entre em contato:</h3>
             </div>
         </div>
     </footer>
-    <!-- footer-end -->
+    <!-- footer-end -->
+</body>
+
+<!-- Js -->