<!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>© 2021 Łukasz Noculak</p>
</footer>
</body>
</html>
iot
- G7_618123了解作者
- 2.8KB文件大小
- zip文件格式
- 0收藏次数
- VIP专享资源类型
- 0下载次数
- 2022-05-23 21:11上传日期
iot
iot-gh-pages.zip
iot-gh-pages- index.html6.4KB
- manifest.json169B
- service-worker.js734B
- style.css1.1KB
内容介绍
评论
相关推荐
最新资源