Last active
February 22, 2018 10:07
-
-
Save groovytron/d2f6b14546399b128faa3d5857c8afda to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{% load staticfiles %} {% load bootstrap4 %} | |
<!DOCTYPE html> | |
<html lang="en"> | |
<head> | |
<title>{% block title %}{% endblock %}</title> | |
{% bootstrap_css %} | |
<link href="{% static 'css/style.css' %}" rel="stylesheet" media="screen"> | |
</head> | |
<body> | |
<div class="container"> | |
<!-- navbar fix from https://stackoverflow.com/a/45907207 --> | |
<nav class="navbar navbar-expand-lg navbar-inverse bg-dark"> | |
<a class="navbar-brand" href="#">Logo</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-item nav-link" href="#">About</a> | |
<a class="nav-item nav-link" href="#">Projects</a> | |
<a class="nav-item nav-link" href="#">Contact</a> | |
</div> | |
</div> | |
</nav> | |
<div class="row content col-md-12"> | |
{% block content %}{% endblock %} | |
<div class="col-md-3"> | |
<div class="card text-white bg-dark text-center"> | |
<p>ADS</p> | |
</div> | |
<div class="card text-white bg-dark text-center"> | |
<p>ADS</p> | |
</div> | |
</div> | |
</div> | |
<footer class="container-fluid text-center float-none"> | |
<p>Footer Text</p> | |
</footer> | |
</div> | |
{% bootstrap_javascript %} | |
</body> | |
</html> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
{% extends 'home/base.html' %} | |
{% block title %}Home{% endblock %} | |
{% block content %} | |
<div class="col-md-4"> | |
<a href="#"> | |
<img class="img-fluid" src="http://placehold.it/700x300" alt="image"> | |
</a> | |
</div> | |
<div class="col-md-5"> | |
<h3>Project One</h3> | |
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Laudantium veniam exercitationem expedita laborum at voluptate. Labore, voluptates totam at aut nemo deserunt rem magni pariatur quos perspiciatis atque eveniet unde.</p> | |
<a class="btn btn-primary" href="#">View Project</a> | |
</div> | |
{% endblock %} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment