Browse Source

second slide

123 7 tháng trước cách đây
mục cha
commit
f31566860c
3 tập tin đã thay đổi với 66 bổ sung3 xóa
  1. BIN
      images/v4_8.png
  2. 13 2
      index.html
  3. 53 1
      style.css

BIN
images/v4_8.png


+ 13 - 2
index.html

@@ -1,5 +1,6 @@
 <!DOCTYPE html>
 <html lang="en">
+
 <head>
     <link rel="stylesheet" href="style.css">
     <meta charset="UTF-8">
@@ -7,6 +8,7 @@
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Document</title>
 </head>
+
 <body>
     <section id="cover">
         <header>
@@ -18,7 +20,7 @@
                         <li class="nav_item"><a href="">Блог</a></li>
                         <li class="nav_item"><a href="">Каталог</a></li>
                         <li class="nav_item"><a href="">Контакт</a></li>
-                        
+
                     </ul>
                 </nav>
             </div>
@@ -38,5 +40,14 @@
         </div>
     </section>
 
+    <section id="second">
+        <div class="v10_52">
+            <div class="v4_8"></div><span class="v5_7">О нас</span><span class="v10_7">Наша команда из опытных специалистов
+                выращивает здоровые растения, которые будут радовать вас долгие года. Сопровождаем каждого клиента по
+                вопросам ухода, а при покупке даем памятку по растению</span>
+        </div>
+    </section>
+
 </body>
-</html>
+
+</html>

+ 53 - 1
style.css

@@ -61,7 +61,59 @@ button:hover{
     align-items: center;
 }
 #cover{
-    background-image: url(img/main.png);
+    background-image: url(images/main.png);
     background-repeat: no-repeat;
     background-size: cover;
 }
+
+  .v10_52 {
+    width: 100%;
+    height: 669px;
+    background: url("../images/v10_52.png");
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: cover;
+    opacity: 1;
+    position: absolute;
+    top: 900px;
+    left: 370px;
+    overflow: hidden;
+  }
+  .v4_8 {
+    width: 492px;
+    height: 669px;
+    background: url("images/v4_8.png");
+    background-repeat: no-repeat;
+    background-position: center center;
+    background-size: cover;
+    opacity: 1;
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    overflow: hidden;
+  }
+  .v5_7 {
+    width: 166px;
+    color: rgba(0,0,0,1);
+    position: absolute;
+    top: 215px;
+    left: 570px;
+    font-family: Playfair Display;
+    font-weight: Regular;
+    font-size: 64px;
+    opacity: 1;
+    text-align: left;
+  }
+  .v10_7 {
+    width: 520px;
+    color: rgba(0,0,0,0.800000011920929);
+    position: absolute;
+    top: 317px;
+    left: 570px;
+    font-family: Inter;
+    font-weight: Regular;
+    font-size: 24px;
+    opacity: 1;
+    text-align: left;
+  }
+