Notes
Notes - notes.io |
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
<title>Moj wlasny unikatowy tytul</title>
<link href="style.css" rel="stylesheet">
</head>
<body>
<div id=”container”>
<nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
<a class="navbar-brand" href="#main-page"></a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ml-auto">
<li class="nav-item active">
<a class="nav-link" href="#" title="Strona Główna">Strona Główna <span class="sr-only">(current)</span></a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" title="Galeria">Galeria</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#" title="Kontakt">Kontakt</a>
</li>
</ul>
<form class="form-inline my-2 my-lg-0">
<input class="form-control mr-sm-2" type="search" placeholder="Szukaj" aria-label="Szukaj">
<button class="btn btn-outline-success my-2 my-sm-0" type="submit">Szukaj</button>
</form>
</div>
</nav>
<header>
<div id="carouselExampleControls" class="carousel slide" data-ride="carousel">
<div class="carousel-inner">
<div class="carousel-item active">
<img class="d-block w-50" src="images.png" alt="First slide">
</div>
<div class="carousel-item">
<img class="d-block w-50" src="images2.png" alt="Second slide">
</div>
<div class="carousel-item">
<img class="d-block w-50" src="images2.png" alt="Third slide">
</div>
<div class="carousel-item">
<img class="d-block w-50" src="images.png" alt="Third slide">
</div>
</div>
<a class="carousel-control-prev" href="#carouselExampleControls" role="button" data-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="carousel-control-next" href="#carouselExampleControls" role="button" data-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a>
</div>
</header>
<section id=”main-page” class=”jumbotron”>
<div class=”container”>
<h1>Pierwsza sekcja strony!</h1>
<p>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer id odio est. Phasellus ornare lectus non sodales mattis. Phasellus a enim at mi consequat dignissim. Donec feugiat lacinia velit. Donec blandit eros vitae ipsum auctor, at cursus libero suscipit. Proin et molestie eros. Donec quis diam at lacus condimentum condimentum nec a ligula. Nullam dapibus magna in velit ultrices, in lacinia urna dictum. Donec pretium auctor nulla, non blandit eros mattis a. Cras egestas dui at mi malesuada, nec tempor metus blandit. Nulla volutpat ut ante at venenatis. Nullam pharetra quam a eros lacinia, euismod tempus orci elementum. Aenean dictum luctus sapien non sagittis.
Integer mattis rhoncus dolor, eleifend bibendum turpis elementum sed. Integer dictum enim metus, id finibus velit molestie eleifend. Vivamus a dignissim nisl, sed pulvinar felis. Ut sodales quam nisi, non eleifend justo euismod eget. Nunc ut risus aliquam, laoreet sapien ut, ullamcorper leo. Vivamus ex lacus, pellentesque euismod massa at, sagittis placerat dolor. Nulla congue vestibulum mauris. Donec fermentum lectus nisi, eu posuere elit tristique vitae. Fusce eu augue fringilla, suscipit nisi vitae, laoreet dui. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Suspendisse eleifend in justo vitae consectetur. Aenean non varius dolor. Sed condimentum, nunc in ornare finibus, mauris odio tincidunt neque, et pharetra nisl leo ac ante. Phasellus est ipsum, pretium vitae mattis ac, feugiat sit amet ipsum.
Vivamus vitae purus vitae lectus porttitor blandit. Donec eget metus sit amet libero tincidunt laoreet. Proin imperdiet sapien et massa tincidunt, a ultrices nisl facilisis. Nulla facilisi. Maecenas euismod sapien vitae dolor pharetra, at cursus mi gravida. Suspendisse finibus porttitor leo id pretium. Integer mauris mi, convallis eget convallis eu, iaculis pulvinar quam. Mauris luctus, justo at vulputate varius, tortor nibh ultrices nulla, sit amet rutrum lorem enim et mi. Nunc purus magna, sodales vel purus sed, porttitor vulputate quam. Suspendisse rhoncus id felis non pretium. Mauris ut rhoncus metus. Quisque nec lobortis lacus, nec pulvinar nunc. Ut scelerisque in nibh sed feugiat. Nunc volutpat odio vestibulum massa semper, sed interdum metus tincidunt. Phasellus bibendum, orci vitae fermentum pharetra, tortor nisi mattis tellus, at auctor metus risus non tellus. Sed mattis purus sit amet neque suscipit, at iaculis nisi dignissim.
Nam malesuada ex ut nisi auctor finibus et suscipit nulla. Morbi a suscipit libero, nec ultricies felis. Aenean maximus cursus lacus et venenatis. Quisque bibendum pretium ante vel facilisis. Donec ac eros sit amet urna molestie lobortis a suscipit lorem. Maecenas maximus libero odio, vel efficitur erat euismod vitae. Ut lectus ante, lobortis eget massa et, aliquet varius arcu. Sed volutpat nibh a sodales auctor. Maecenas semper fringilla scelerisque. Vivamus congue leo nulla, at maximus odio faucibus ut. Nullam hendrerit erat vel massa bibendum venenatis. Sed elit nisl, facilisis ac lectus consectetur, suscipit mattis felis. Praesent sed neque lobortis, porttitor nunc id, pulvinar nulla. Sed convallis euismod enim, sit amet tristique quam efficitur in. Vivamus tincidunt lorem enim, ut sodales nulla maximus a.
Fusce elementum quam eu arcu consequat pellentesque. Mauris dui leo, scelerisque imperdiet viverra id, viverra sit amet urna. Vivamus eu vestibulum mauris, eu imperdiet felis. In fringilla porta augue. Vivamus blandit sem viverra purus malesuada, vitae mollis metus lacinia. Pellentesque finibus ornare rhoncus. Suspendisse ipsum dui, facilisis non tempor et, ornare nec dui. Proin at consequat odio, auctor vehicula lorem. Etiam a justo ex. Nunc tincidunt urna orci, et condimentum metus eleifend eget.
</p>
</div>
</section>
<footer>
<div class=”container”>
<button type="button" class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
Polityka Prywatności
</button>
</div>
</footer>
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>
<h4 class="modal-title" id="myModalLabel">Modal title</h4>
</div>
<div class="modal-body">
...
</div>
<div class="modal-footer">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
<button type="button" class="btn btn-primary">Save changes</button>
</div>
</div>
</div>
</div>
</div>
<script src="js/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script>
</body>
</html>
|
|
Notes.io is a web-based application for taking notes. You can take your notes and share with others people. If you like taking long notes, notes.io is designed for you. To date, over 8,000,000,000 notes created and continuing...
With notes.io;
- * You can take a note from anywhere and any device with internet connection.
- * You can share the notes in social platforms (YouTube, Facebook, Twitter, instagram etc.).
- * You can quickly share your contents without website, blog and e-mail.
- * You don't need to create any Account to share a note. As you wish you can use quick, easy and best shortened notes with sms, websites, e-mail, or messaging services (WhatsApp, iMessage, Telegram, Signal).
- * Notes.io has fabulous infrastructure design for a short link and allows you to share the note as an easy and understandable link.
Fast: Notes.io is built for speed and performance. You can take a notes quickly and browse your archive.
Easy: Notes.io doesn’t require installation. Just write and share note!
Short: Notes.io’s url just 8 character. You’ll get shorten link of your note when you want to share. (Ex: notes.io/q )
Free: Notes.io works for 12 years and has been free since the day it was started.
You immediately create your first note and start sharing with the ones you wish. If you want to contact us, you can use the following communication channels;
Email: [email protected]
Twitter: http://twitter.com/notesio
Instagram: http://instagram.com/notes.io
Facebook: http://facebook.com/notesio
Regards;
Notes.io Team
