Font Awesome Changes
This commit is contained in:
parent
c1b7f2c115
commit
e9bc0c6837
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
|
|
@ -2,9 +2,11 @@
|
|||
<div class="row">
|
||||
<div class="col justify-content-center text-center">
|
||||
<nav>
|
||||
<a href="#">Home</a>
|
||||
<a href="#">About</a>
|
||||
<a href="#">Donate</a>
|
||||
<a href="mailto:"><i title="Send Us an Email" class="fas fa-envelope"></i></a>
|
||||
<a href="#"><i title="Find Us on Twitter" class="fab fa-twitter"></i></a>
|
||||
<a href="#"><i title="Find Us on LinkedIn" class="fab fa-linkedin"></i></a>
|
||||
<br/>
|
||||
<i class="fas fa-map-marker-alt">US, Earth</i>
|
||||
</nav>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -1,11 +1,74 @@
|
|||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col justify-content-center text-center">
|
||||
<nav>
|
||||
<a href="#">Home</a>
|
||||
<a href="#">About</a>
|
||||
<a href="#">Donate</a>
|
||||
</nav>
|
||||
<nav class="navbar navbar-expand-lg bg-dark navbar-dark sticky-top">
|
||||
<div class="col-sm">
|
||||
<!-- Branding -->
|
||||
<div class="navbar-brand justify-content-center text-center">
|
||||
<div class="site-branding">
|
||||
<h1 class="site-title">
|
||||
<a href="#" title="TITLE" rel="home">
|
||||
Hello World!
|
||||
</a>
|
||||
</h1>
|
||||
<h2 class="site-description">Your Slogan...</h2>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col col-lg-auto">
|
||||
<!-- Links -->
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">
|
||||
<i class="fab fa-youtube"></i> Home</a>
|
||||
</li>
|
||||
|
||||
<!-- Dropdowns -->
|
||||
<!-- Others Dropdown -->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
|
||||
Projects
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
<a class="dropdown-item" href="#">
|
||||
<i class="fas fa-code"></i> Code</a>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<!-- Socials Dropdown -->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
|
||||
Social
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
<a class="dropdown-item" href="mailto:">
|
||||
<i title="Send Us an Email" class="fas fa-envelope"></i> Email</a>
|
||||
<a class="dropdown-item" href="#">
|
||||
<i title="Find Us on Twitter" class="fab fa-twitter"></i> Twitter</a>
|
||||
<a class="dropdown-item" href="#">
|
||||
<i title="Find Us on LinkedIn" class="fab fa-linkedin"></i> LinkedIn</a>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<!-- Donation Dropdown -->
|
||||
<li class="nav-item dropdown">
|
||||
<a class="nav-link dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
|
||||
<i class="fa fa-coin"></i>
|
||||
Donate
|
||||
</a>
|
||||
<div class="dropdown-menu">
|
||||
<a class="dropdown-item" href="#">
|
||||
<i title="Find Us on LinkedIn" class="fab fa-patreon"></i> Patreon</a>
|
||||
<a class="dropdown-item" href="#">
|
||||
<i title="Find Us on LinkedIn" class="fab fa-paypal"></i> Paypal</a>
|
||||
</div>
|
||||
</li>
|
||||
|
||||
<!-- End Dropdowns -->
|
||||
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">
|
||||
<i class="far fa-address-card"></i> About</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
</nav>
|
||||
|
|
|
|||
|
|
@ -8,9 +8,10 @@
|
|||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col justify-content-center text-center">
|
||||
<h1>Hello World!</h1>
|
||||
<p>Using dark themed Bootstrap 4 css files...</p>
|
||||
<p>Using dark themed Bootstrap 4 CSS files...</p>
|
||||
<p>Themes: <a href="https://bootswatch.com/" target="_blank">Bootswatch</a></p>
|
||||
<p>Using Font Awesome CSS files...</p>
|
||||
<p>Icons: <a href="https://fontawesome.com/icons/" target="_blank">Font Awesome</a></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -9,12 +9,22 @@
|
|||
{% endif %}
|
||||
|
||||
{% block header_css %}
|
||||
<!-- Bootstrap CSS -->
|
||||
<link rel="shortcut icon" href="{{ url_for('static', filename='favicon.ico') }}">
|
||||
<!-- Bootstrap CSS -->
|
||||
<link rel="shortcut icon" href="{{ url_for('static', filename='favicon.png') }}">
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap/bootstrap.min.css')}}">
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/bootstrap/bootstrap-datepicker.css')}}">
|
||||
|
||||
<!-- Font Awesome CSS Notes -->
|
||||
<!-- <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css" integrity="sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ" crossorigin="anonymous"> -->
|
||||
<!-- https://use.fontawesome.com/releases/v5.7.0/webfonts/fa-regular-400.woff2 -->
|
||||
<!-- https://use.fontawesome.com/releases/v5.7.0/webfonts/ -->
|
||||
|
||||
<!-- Site Font Awesome CSS -->
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/font-awesome/font-awesome-all-v5.7.css')}}">
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/font-awesome/font-awesome-min-v4.7.0.css')}}">
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/font-awesome/font-awesome-woff2.css')}}">
|
||||
|
||||
<!-- Site CSS -->
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/font-awesome-all-v5.7.css')}}">
|
||||
<link rel="stylesheet" href="{{ url_for('static', filename='css/main.css')}}">
|
||||
{% block header_css_additional %}
|
||||
{% endblock header_css_additional %}
|
||||
|
|
|
|||
Loading…
Reference in New Issue