iot

  • G7_618123
    了解作者
  • 2.8KB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-05-23 21:11
    上传日期
iot
iot-gh-pages.zip
  • iot-gh-pages
  • index.html
    6.4KB
  • manifest.json
    169B
  • service-worker.js
    734B
  • style.css
    1.1KB
内容介绍
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="stylesheet" href="style.css"> <link rel="manifest" href="/manifest.json"/> <title>Site-title</title> </head> <body> <script> const PATH = '/service-worker.js'; let isServiceWorkersSupport = ('serviceWorker' in navigator); if (isServiceWorkersSupport) { console.log('Will service worker register?'); navigator.serviceWorker.register(PATH).then(function () { console.log("Yes it did."); }).catch(function (err) { console.log("No it didn't. This happened: ", err) }); } </script> <!-- sidebar --> <header> <nav class="side-nav"> <ul> <li><a href="index.html" class="nav-link" rel='nofollow' onclick='return false;'>Home</a></li> <li><a href="#about" class="nav-link" rel='nofollow' onclick='return false;'>About</a></li> <li><a href="#gallery" class="nav-link" rel='nofollow' onclick='return false;'>Gallery</a></li> <li><a href="#contact" class="nav-link" rel='nofollow' onclick='return false;'>Contact</a></li> </ul> </nav> <main> <div class="title-heading"> <h1>Tytuł</h1> </div> <h4>Lorem ipsum dolor sit amet consectetur, adipisicing elit. <br> Eligendi velit nihil amet illo deleniti dolorem eaque quia culpa officiis quae, <br> corporis laboriosam totam error a! Nostrum recusandae impedit neque laborum. <br> Lorem ipsum dolor sit amet consectetur, adipisicing elit. <br> Eligendi velit nihil amet illo deleniti dolorem eaque quia culpa officiis quae, <br> corporis laboriosam totam error a! Nostrum recusandae impedit neque laborum. <br> Lorem ipsum dolor sit amet consectetur, adipisicing elit. <br> Eligendi velit nihil amet illo deleniti dolorem eaque quia culpa officiis quae, <br> corporis laboriosam totam error a! Nostrum recusandae impedit neque laborum. <br> Lorem ipsum dolor sit amet consectetur, adipisicing elit. <br> Eligendi velit nihil amet illo deleniti dolorem eaque quia culpa officiis quae, <br> corporis laboriosam totam error a! Nostrum recusandae impedit neque laborum. <br> Lorem ipsum dolor sit amet consectetur, adipisicing elit. <br> Eligendi velit nihil amet illo deleniti dolorem eaque quia culpa officiis quae, <br> corporis laboriosam totam error a! Nostrum recusandae impedit neque laborum. <br> Lorem ipsum dolor sit amet consectetur, adipisicing elit. <br> Eligendi velit nihil amet illo deleniti dolorem eaque quia culpa officiis quae, <br> corporis laboriosam totam error a! Nostrum recusandae impedit neque laborum. <br> </h4> <div class="about-img"> <img src="" alt="Zdjęcie przedstawiające główny temat strony"> </div> </main> </header> <!-- sekcja do about --> <section class="About" id="about"> <div class="container"> <div class="heading"> <h1>About</h1> </div> <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. <br> Eligendi velit nihil amet illo deleniti dolorem eaque quia culpa officiis quae, <br> corporis laboriosam totam error a! Nostrum recusandae impedit neque laborum. <br> Lorem ipsum dolor sit amet consectetur, adipisicing elit. <br> Eligendi velit nihil amet illo deleniti dolorem eaque quia culpa officiis quae, <br> corporis laboriosam totam error a! Nostrum recusandae impedit neque laborum. <br> Lorem ipsum dolor sit amet consectetur, adipisicing elit. <br> Eligendi velit nihil amet illo deleniti dolorem eaque quia culpa officiis quae, <br> corporis laboriosam totam error a! Nostrum recusandae impedit neque laborum. <br> Lorem ipsum dolor sit amet consectetur, adipisicing elit. <br> Eligendi velit nihil amet illo deleniti dolorem eaque quia culpa officiis quae, <br> corporis laboriosam totam error a! Nostrum recusandae impedit neque laborum. <br> Lorem ipsum dolor sit amet consectetur, adipisicing elit. <br> Eligendi velit nihil amet illo deleniti dolorem eaque quia culpa officiis quae, <br> corporis laboriosam totam error a! Nostrum recusandae impedit neque laborum. <br></p> </div> </section> <!-- sekcja do galerii --> <section class="Gallery" id="gallery"> <div class="container"> <div class="heading"> <h1>Gallery</h1> </div> <div class="gallery-img"> <img src="" alt="Zdjęcie galerii"> </div> <div class="gallery-img"> <img src="" alt="Zdjęcie galerii"> </div> <div class="gallery-img"> <img src="" alt="Zdjęcie galerii"> </div> <div class="gallery-img"> <img src="" alt="Zdjęcie galerii"> </div> <div class="gallery-img"> <img src="" alt="Zdjęcie galerii"> </div> <div class="gallery-img"> <img src="" alt="Zdjęcie galerii"> </div> </div> </section> <!-- sekcja kontaktu --> <section class="Contact" id="contact"> <div class="container"> <div class="heading"> <h1>Contact</h1> </div> <form action=""> <label for="name">Name:</label> <input type="text" id="name" name="name" placeholder="Enter your name" required> <label for="email">Email:</label> <input type="email" id="email" name="email" placeholder="Enter your email" required> <label for="subject">Subject:</label> <textarea name="subject" id="subject" cols="10" rows="10"></textarea> <input type="submit" value="Submit"> </form> </div> </section> <footer class="copyright"> <p>&copy; 2021 Łukasz Noculak</p> </footer> </body> </html>
评论