html

  • Z7_168553
    了解作者
  • 6.4MB
    文件大小
  • zip
    文件格式
  • 0
    收藏次数
  • VIP专享
    资源类型
  • 0
    下载次数
  • 2022-06-16 02:56
    上传日期
html
html-master.zip
内容介绍
<!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="css/style.css"> <link rel="stylesheet" href="css/bootstrap.css"> <script src="js/jquery-3.6.0.min.js"></script> <script src="js/bootstrap.min.js"></script> <title>Bootstrap</title> </head> <body> <div class="alert alert-warning alert-dismissible fade show fixed-top" role="alert"> <strong>O nie!</strong> Ta strona <strong>NIE</strong> korzysta z ciasteczek, elo. <button type="button" class="close" data-dismiss="alert" aria-label="Close"> <span aria-hidden="true">&times;</span> </button> </div> <header class="elo d-flex align-items-center flex-column"> </header> <nav class="navbar navbar-expand-md navbar-dark bg-dark px-0 sticky-top"> <a class="navbar-brand w-25" href="#" rel='nofollow' onclick='return false;'></a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNavAltMarkup"> <div class="navbar-nav"> <a class="nav-link" href="#" rel='nofollow' onclick='return false;'>O firmie</a> <a class="nav-link" href="#" rel='nofollow' onclick='return false;'>Produkty</a> <a class="nav-link" href="#" rel='nofollow' onclick='return false;'>Informacje</a> </div> </div> </nav> <article rel='nofollow' onclick='return false;'> <div class="container-fluid border py-2"> <div><header><strong>Lorem, ipsum</strong></header> dolor sit amet consectetur adipisicing elit. Nesciunt, quae! In facilis expedita unde necessitatibus ducimus quam maiores placeat nesciunt! Sapiente neque, ut animi obcaecati temporibus mollitia aliquid ex sed? Quos, esse quibusdam quasi nisi expedita quidem numquam deserunt quas. Nobis doloribus deserunt officia tempora totam, id aperiam illum dolor. Similique, natus reprehenderit eligendi aperiam voluptas nulla enim tenetur velit. Lorem ipsum dolor sit amet consectetur. Quas voluptatem consequuntur esse eos nemo! Quod culpa eveniet ab ipsum deleniti? Voluptas iusto sunt deleniti odio minima? Tempore odio ex aliquam aperiam accusantium. A reprehenderit consequuntur sunt voluptate quisquam! Maxime quae eius velit dicta officiis. Aliquid debitis blanditiis accusantium dicta in? Magni corporis tempore doloremque nulla et! Consectetur fuga facere nisi nostrum quaerat. Lorem ipsum dolor sit amet consectetur adipisicing elit. Iusto, vero. Hic eius qui aliquid omnis ipsam nobis doloremque, voluptatem reprehenderit? Voluptatem nobis laboriosam dignissimos possimus quisquam. Corporis fugiat quis temporibus! Lorem ipsum dolor sit amet consectetur adipisicing elit. Esse rem quasi magnam a debitis quidem error? Eius eaque vel, illo commodi consectetur assumenda inventore? Tenetur aliquam consequatur iste veniam provident! Velit, dolores. Culpa, error fugit velit nihil sed obcaecati et. Magnam in illo cupiditate aut commodi nulla similique? Maiores inventore obcaecati laudantium beatae magni dolores nemo. Explicabo et aspernatur ducimus magni facere voluptatem nesciunt? Lorem ipsum dolor, sit amet consectetur adipisicing elit. Sunt maiores, quis sed cum corporis provident non labore esse eos obcaecati. Qui quaerat omnis at tempore, nulla sunt eum ab officia minima sint sit ducimus, delectus molestiae quam reiciendis ea vel. Commodi, quo aspernatur? Dolor aliquid corporis ab, illum nisi sint cum id tempora quaerat excepturi iure maxime a dicta rem. Nemo suscipit quisquam fugiat. Id ullam, tempora deserunt ipsum magnam odit? Voluptatum molestiae ad dolorum velit! Odit et aspernatur nulla. Perferendis praesentium eveniet culpa quo odio nesciunt excepturi incidunt necessitatibus animi, atque quidem! Recusandae vero repellendus illo. Quidem, tempore et. Placeat omnis iusto ipsa maiores necessitatibus est velit veniam molestias praesentium laborum commodi sed laudantium non, rem nisi ipsum blanditiis? Aperiam laborum alias expedita, saepe dolor, quidem repellendus, atque dolores optio perspiciatis veniam ullam assumenda praesentium id quis sapiente at! Voluptates neque, eligendi esse minima at autem in eius modi earum ducimus, molestiae commodi corrupti, qui possimus adipisci voluptatum tenetur. Quia eius ut similique omnis aperiam doloribus iste. Quam voluptatum repellendus laudantium quos ad dolores facilis quidem, eos nulla ab! Saepe ullam porro cumque ut, placeat similique voluptas optio possimus animi, quidem reprehenderit hic at voluptatum minus a in ipsa.</div> </div> </article> <main class="border container-fluid py-2"> <header> <strong>Nagłówek jest to</strong> <div>A to Lorem ipsum dolor sit.</div> </header> <div class="container-fluid d-flex row"> <div class="col-md-3"> <div class="border d-flex flex-column w-50 mr-0"> <div> <div class="float-left">Nazwa</div> <div class="float-right">Cena</div> <br> <div class="float-left">Opis Lorem, ipsum.</div> </div> <div> <div class="m-3 width-auto"> <button type="button" class="btn btn-primary width-100" data-toggle="modal" data-target="#exampleModal"> Informacje o tosterze </button> </div> </div> </div> </div> <div class="col-md-3"> <div class="border d-flex flex-column w-50 mr-0"> <div> <div class="float-left">Nazwa</div> <div class="float-right">Cena</div> <br> <div class="float-left">Opis Lorem, ipsum.</div> </div> <div> <div class="m-3"> <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal"> Informacje o tosterze </button> </div> </div> </div> </div> <div class="col-md-3"> <div class="border d-flex flex-column w-50 mr-0"> <div> <div class="float-left">Nazwa</div> <div class="float-right">Cena</div> <
评论