257 lines
14 KiB
HTML
257 lines
14 KiB
HTML
<!doctype html>
|
||
{% load static %}
|
||
<html lang="ru">
|
||
|
||
<head>
|
||
<meta charset="utf-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||
<title>Example Django</title>
|
||
<!-- Bootstrap core CSS -->
|
||
<link rel="stylesheet" type="text/css" href="{% static "vendor/css/bootstrap.min.css" %}"/>
|
||
|
||
<!-- Custom styles for this page -->
|
||
<link rel="stylesheet" type="text/css" href="{% static "base/main.css" %}" />
|
||
</head>
|
||
|
||
<body>
|
||
<header>
|
||
<nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
|
||
<div class="container-fluid">
|
||
<a class="navbar-brand" href="/">Example</a>
|
||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarCollapse"
|
||
aria-controls="navbarCollapse" aria-expanded="false" aria-label="Toggle navigation">
|
||
<span class="navbar-toggler-icon"></span>
|
||
</button>
|
||
<div class="collapse navbar-collapse" id="navbarCollapse">
|
||
<ul class="navbar-nav mr-auto mb-2 mb-md-0">
|
||
<li class="nav-item active">
|
||
<a class="nav-link" aria-current="page" href="/">Home</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="/polls">Polls</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="/upload">Upload</a>
|
||
</li>
|
||
<li class="nav-item">
|
||
<a class="nav-link" href="/admin">Adminka</a>
|
||
</li>
|
||
|
||
</ul>
|
||
<!-- <form class="d-flex">
|
||
<input class="form-control mr-2" type="search" placeholder="Поиск" aria-label="Search">
|
||
<button class="btn btn-outline-success" type="submit">ОК</button>
|
||
</form> -->
|
||
</div>
|
||
</div>
|
||
</nav>
|
||
</header>
|
||
|
||
<main>
|
||
|
||
<div id="myCarousel" class="carousel slide" data-ride="carousel">
|
||
<ol class="carousel-indicators">
|
||
<li data-target="#myCarousel" data-slide-to="0" class="active"></li>
|
||
<li data-target="#myCarousel" data-slide-to="1"></li>
|
||
<li data-target="#myCarousel" data-slide-to="2"></li>
|
||
</ol>
|
||
<div class="carousel-inner">
|
||
<div class="carousel-item active">
|
||
<svg class="bd-placeholder-img" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"
|
||
preserveaspectratio="xMidYMid slice" role="img" focusable="false">
|
||
<rect width="100%" height="100%" fill="#777"></rect>
|
||
</svg>
|
||
|
||
<div class="container">
|
||
<div class="carousel-caption text-left">
|
||
<h1>Пример заголовка.</h1>
|
||
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta
|
||
gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
|
||
<p><a class="btn btn-lg btn-primary" href="#" role="button">Зарегистрироваться</a></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="carousel-item">
|
||
<svg class="bd-placeholder-img" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"
|
||
preserveaspectratio="xMidYMid slice" role="img" focusable="false">
|
||
<rect width="100%" height="100%" fill="#777"></rect>
|
||
</svg>
|
||
|
||
<div class="container">
|
||
<div class="carousel-caption">
|
||
<h1>Another Пример заголовка.</h1>
|
||
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta
|
||
gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
|
||
<p><a class="btn btn-lg btn-primary" href="#" role="button">Подробнее</a></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="carousel-item">
|
||
<svg class="bd-placeholder-img" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg"
|
||
preserveaspectratio="xMidYMid slice" role="img" focusable="false">
|
||
<rect width="100%" height="100%" fill="#777"></rect>
|
||
</svg>
|
||
|
||
<div class="container">
|
||
<div class="carousel-caption text-right">
|
||
<h1>One more for good measure.</h1>
|
||
<p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta
|
||
gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
|
||
<p><a class="btn btn-lg btn-primary" href="#" role="button">Открыть галерею</a></p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<a class="carousel-control-prev" href="#myCarousel" 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="#myCarousel" role="button" data-slide="next">
|
||
<span class="carousel-control-next-icon" aria-hidden="true"></span>
|
||
<span class="sr-only">Next</span>
|
||
</a>
|
||
</div>
|
||
|
||
|
||
<!-- Marketing messaging and featurettes
|
||
================================================== -->
|
||
<!-- Wrap the rest of the page in another container to center all the content. -->
|
||
|
||
<div class="container marketing">
|
||
|
||
<!-- Three columns of text below the carousel -->
|
||
<div class="row">
|
||
<div class="col-lg-4">
|
||
<svg class="bd-placeholder-img rounded-circle" width="140" height="140"
|
||
xmlns="http://www.w3.org/2000/svg" aria-label="Placeholder: 140x140"
|
||
preserveaspectratio="xMidYMid slice" role="img" focusable="false">
|
||
<title>Placeholder</title>
|
||
<rect width="100%" height="100%" fill="#777"></rect><text x="50%" y="50%" fill="#777"
|
||
dy=".3em">140x140</text>
|
||
</svg>
|
||
|
||
<h2>Заголовок</h2>
|
||
<p>Donec sed odio dui. Etiam porta sem malesuada magna mollis euismod. Nullam id dolor id nibh
|
||
ultricies vehicula ut id elit. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.
|
||
Praesent commodo cursus magna.</p>
|
||
<p><a class="btn btn-secondary" href="#" role="button">Подробнее »</a></p>
|
||
</div><!-- /.col-lg-4 -->
|
||
<div class="col-lg-4">
|
||
<svg class="bd-placeholder-img rounded-circle" width="140" height="140"
|
||
xmlns="http://www.w3.org/2000/svg" aria-label="Placeholder: 140x140"
|
||
preserveaspectratio="xMidYMid slice" role="img" focusable="false">
|
||
<title>Placeholder</title>
|
||
<rect width="100%" height="100%" fill="#777"></rect><text x="50%" y="50%" fill="#777"
|
||
dy=".3em">140x140</text>
|
||
</svg>
|
||
|
||
<h2>Заголовок</h2>
|
||
<p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.
|
||
Cras mattis consectetur purus sit amet fermentum. Fusce dapibus, tellus ac cursus commodo,
|
||
tortor mauris condimentum nibh.</p>
|
||
<p><a class="btn btn-secondary" href="#" role="button">Подробнее »</a></p>
|
||
</div><!-- /.col-lg-4 -->
|
||
<div class="col-lg-4">
|
||
<svg class="bd-placeholder-img rounded-circle" width="140" height="140"
|
||
xmlns="http://www.w3.org/2000/svg" aria-label="Placeholder: 140x140"
|
||
preserveaspectratio="xMidYMid slice" role="img" focusable="false">
|
||
<title>Placeholder</title>
|
||
<rect width="100%" height="100%" fill="#777"></rect><text x="50%" y="50%" fill="#777"
|
||
dy=".3em">140x140</text>
|
||
</svg>
|
||
|
||
<h2>Заголовок</h2>
|
||
<p>Donec sed odio dui. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Vestibulum id
|
||
ligula porta felis euismod semper. Fusce dapibus, tellus ac cursus commodo, tortor mauris
|
||
condimentum nibh, ut fermentum massa justo sit amet risus.</p>
|
||
<p><a class="btn btn-secondary" href="#" role="button">Подробнее »</a></p>
|
||
</div><!-- /.col-lg-4 -->
|
||
</div><!-- /.row -->
|
||
|
||
|
||
<!-- START THE FEATURETTES -->
|
||
|
||
<hr class="featurette-divider">
|
||
|
||
<div class="row featurette">
|
||
<div class="col-md-7">
|
||
<h2 class="featurette-Заголовок">First featurette Заголовок. <span class="text-muted">It’ll blow
|
||
your mind.</span></h2>
|
||
<p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis
|
||
euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus,
|
||
tellus ac cursus commodo.</p>
|
||
</div>
|
||
<div class="col-md-5">
|
||
<svg class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" width="500"
|
||
height="500" xmlns="http://www.w3.org/2000/svg" aria-label="Placeholder: 500x500"
|
||
preserveaspectratio="xMidYMid slice" role="img" focusable="false">
|
||
<title>Placeholder</title>
|
||
<rect width="100%" height="100%" fill="#eee"></rect><text x="50%" y="50%" fill="#aaa"
|
||
dy=".3em">500x500</text>
|
||
</svg>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<hr class="featurette-divider">
|
||
|
||
<div class="row featurette">
|
||
<div class="col-md-7 order-md-2">
|
||
<h2 class="featurette-Заголовок">Oh yeah, it’s that good. <span class="text-muted">See for
|
||
yourself.</span></h2>
|
||
<p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis
|
||
euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus,
|
||
tellus ac cursus commodo.</p>
|
||
</div>
|
||
<div class="col-md-5 order-md-1">
|
||
<svg class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" width="500"
|
||
height="500" xmlns="http://www.w3.org/2000/svg" aria-label="Placeholder: 500x500"
|
||
preserveaspectratio="xMidYMid slice" role="img" focusable="false">
|
||
<title>Placeholder</title>
|
||
<rect width="100%" height="100%" fill="#eee"></rect><text x="50%" y="50%" fill="#aaa"
|
||
dy=".3em">500x500</text>
|
||
</svg>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<hr class="featurette-divider">
|
||
|
||
<div class="row featurette">
|
||
<div class="col-md-7">
|
||
<h2 class="featurette-Заголовок">And lastly, this one. <span class="text-muted">Checkmate.</span>
|
||
</h2>
|
||
<p class="lead">Donec ullamcorper nulla non metus auctor fringilla. Vestibulum id ligula porta felis
|
||
euismod semper. Praesent commodo cursus magna, vel scelerisque nisl consectetur. Fusce dapibus,
|
||
tellus ac cursus commodo.</p>
|
||
</div>
|
||
<div class="col-md-5">
|
||
<svg class="bd-placeholder-img bd-placeholder-img-lg featurette-image img-fluid mx-auto" width="500"
|
||
height="500" xmlns="http://www.w3.org/2000/svg" aria-label="Placeholder: 500x500"
|
||
preserveaspectratio="xMidYMid slice" role="img" focusable="false">
|
||
<title>Placeholder</title>
|
||
<rect width="100%" height="100%" fill="#eee"></rect><text x="50%" y="50%" fill="#aaa"
|
||
dy=".3em">500x500</text>
|
||
</svg>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<hr class="featurette-divider">
|
||
|
||
<!-- /END THE FEATURETTES -->
|
||
|
||
</div><!-- /.container -->
|
||
|
||
|
||
<!-- FOOTER -->
|
||
<footer class="container">
|
||
<p class="float-right"><a href="#">Наверх</a></p>
|
||
<p>© 2017-2020 Company, Inc. · <a href="#">Privacy</a> · <a href="#">Terms</a></p>
|
||
</footer>
|
||
</main>
|
||
|
||
<script src="{% static "vendor/js/bootstrap.bundle.min.js" %}></script>
|
||
</body>
|
||
|
||
</html> |