Strona główna Odkrywaj Pomoc
Zaloguj się
kostya012
/
Netbook_HW
Obserwuj 1
Polub 0
Forkuj 0
Pliki Problemy 0 Oczekujące zmiany 1 Wiki
Przeglądaj źródła

Upload files to 'HW_FE'

kostya012 4 lat temu
rodzic
4c7f012636
commit
231c95ad5f
5 zmienionych plików z 10749 dodań i 0 usunięć
Zunifikowany widok Pokaż statystyki zmian
  1. 114 0
      HW_FE/index_hw6_1_2.html
  2. 35 0
      HW_FE/index_hw6_3.html
  3. 10598 0
      HW_FE/jquery-3.4.1.js
  4. 2 0
      HW_FE/jquery-3.4.1.min.js
  5. BIN
      HW_FE/slick-1.8.1.zip

+ 114 - 0
HW_FE/index_hw6_1_2.html
Wyświetl plik 

@@ -0,0 +1,114 @@
 
+<!DOCTYPE html>

+<html lang="zxx">

+<head>

+  <meta charset="UTF-8">

+  <meta name="viewport" content="width=device-width, initial-scale=1.0">

+  <link media="all" rel="stylesheet" href="./css/all_hw6_1_2.css">

+  <title>HW 6 Responsive Adaptive</title>

+</head>

+<body>

+  <h1>Home Work 6 Level 1 Responsive and Adaptive</h1>

+  <hr>

+  <div class="wrapper">

+    <header class="main-header">

+      <div class="logo">

+        <a href="https://a-level.com.ua/" target="blank">

+          <img src="./images/logo.png" alt="A-Level Ukraine" title="A-level.com.ua">

+        </a>

+      </div>

+      <nav class="navigation-bar">

+        <input id="ch" type="checkbox"><!-- id и for должны быть одинаковые!!! -->

+        <label class="menu_btn" for="ch">

+          <span></span>

+        </label>

+        <ul class="bar-list">

+          <li><a href="#">Item1</a></li>

+          <li><a href="#">Item2</a></li>

+          <li><a href="#">Item3</a></li>

+          <li><a href="#">Item4</a></li>

+          <li><a href="#">Item5</a></li>

+        </ul>

+      </nav>

+    </header>

+    <main class="main">

+      <section class="content">

+        <header class="content-header">

+          <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolorem id pariatur porro eius odit iusto harum vitae totam ut natus nobis quos obcaecati laboriosam ea non, adipisci illum unde praesentium.</p>

+          <h2>OUR WORK</h2>

+        </header>

+        <div class="card-box">

+          <div class="card">

+            <div class="card-content">

+              <div class="image-box">

+                <img src="images/alone.png" alt="Mount" title="Mount">

+              </div>

+              <h3>Lorem ipsum dolor sit amet.</h3>

+              <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Iusto iure inventore eos dignissimos ex consectetur dolorum, voluptatibus suscipit numquam commodi, dolorem nulla! Fuga sed beatae iure, perspiciatis sapiente odit qui!</p>

+            </div>

+            <a href="#" class="btn">Go</a>

+          </div>

+          <div class="card">

+            <div class="card-content">

+              <div class="image-box">

+                <img src="images/alone.png" alt="Mount" title="Mount">

+              </div>

+              <h3>Lorem ipsum dolor sit amet.</h3>

+              <p>Lorem ipsum dolor sit, amet. dgdfghdfgdgdfgdggdfgdgdgfdgdgddgfdfgfdgdg</p>

+            </div>

+            <a href="#" class="btn">Go</a>

+          </div>

+          <div class="card">

+            <div class="card-content">

+              <div class="image-box">

+                <img src="images/alone.png" alt="Mount" title="Mount">

+              </div>

+              <h3>Lorem ipsum dolor sit amet.</h3>

+              <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Iusto iure inventore eos dignissimos ex consectetur dolorum, voluptatibus.</p>

+            </div>

+            <a href="#" class="btn">Go</a>

+          </div>

+          <div class="card">

+            <div class="card-content">

+              <div class="image-box">

+                <img src="images/alone.png" alt="Mount" title="Mount">

+              </div>

+              <h3>Lorem ipsum dolor sit amet.</h3>

+              <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Iusto iure inventore eos dignissimos ex consectetur dolorum, voluptatibus suscipit numquam commodi, dolorem nulla!!!</p>

+            </div>

+            <a href="#" class="btn">Go</a>

+          </div>

+          <div class="card">

+            <div class="card-content">

+              <div class="image-box">

+                <img src="images/alone.png" alt="Mount" title="Mount">

+              </div>

+              <h3>Lorem ipsum dolor sit amet.</h3>

+              <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Iusto iure inventore eos dignissimos ex consectetur dolorum, voluptatibus suscipit numquam commodi, dolorem nulla! Fuga sed beatae iure, perspiciatis sapiente odit qui!</p>

+            </div>

+            <a href="#" class="btn">Go</a>

+          </div>

+          <div class="card">

+            <div class="card-content">

+              <div class="image-box">

+                <img src="images/alone.png" alt="Mount" title="Mount">

+              </div>

+              <h3>Lorem ipsum dolor sit amet.</h3>

+              <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Iusto iure inventore eos dignissimos ex consectetur dolorum, voluptatibus suscipit numquam commodi, dolorem nulla! Fuga sed beatae iure, perspiciatis sapiente odit qui!</p>

+            </div>

+            <a href="#" class="btn">Go</a>

+          </div>

+        </div>

+      </section>

+      <aside class="sidebar left">

+        <p>Aside 1</p>

+      </aside>

+      <aside class="sidebar right">

+        <p>Aside 2</p>

+      </aside>

+    </main>

+    <footer class="page-footer">

+      <p>Footer</p>

+    </footer>

+  </div>

+</body>

+</html>

+ 35 - 0
HW_FE/index_hw6_3.html
Wyświetl plik 

@@ -0,0 +1,35 @@
 
+<!DOCTYPE html>

+<html lang="en">

+<head>

+  <meta charset="UTF-8">

+  <meta name="viewport" content="width=device-width, initial-scale=1.0">

+  <link media="all" rel="stylesheet" href="./css/all_hw6_3.css">

+  <title>HW 6 jquery slick slide</title>

+</head>

+<body>

+  <h1>Home Work 6 Level 3 jquery slick slide</h1>

+  <hr>

+  <div class="wrapper">

+    <div class="slider">

+      <div class="slider__item">

+        <img src="img/card01.png" alt="card01">

+      </div>

+      <div class="slider__item">

+        <img src="img/card02.png" alt="card01">

+      </div>

+      <div class="slider__item">

+        <img src="img/card03.png" alt="card01">

+      </div>

+      <div class="slider__item">

+        <img src="img/card04.png" alt="card01">

+      </div>

+      <div class="slider__item">

+        <img src="img/card05.jpg" alt="card01">

+      </div>

+    </div>

+    <script src="js/jquery-3.4.1.js"></script>

+    <script src="js/slick.min.js"></script>

+    <script src="js/script_hw6_3.js"></script>

+  </div>

+</body>

+</html>

Plik diff jest za duży
+ 10598 - 0
HW_FE/jquery-3.4.1.js


Plik diff jest za duży
+ 2 - 0
HW_FE/jquery-3.4.1.min.js


BIN
HW_FE/slick-1.8.1.zip
Wyświetl plik