Rework nav bar

       Icons have been added using font-awesome
       Update style to make it prettier
parent fb759bca
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -4,17 +4,18 @@
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link rel="stylesheet" href="./bootstrap-grid.min.css" />
<link rel="stylesheet" href="./font-awesome.min.css" />
<link rel="stylesheet" href="./style.css" />
<title>Soutenez La Quadrature du Net !</title>
</head>
<body>
<nav>
<span>LQDN</span>
<a href="#step1">1</a>
<a href="#step2">2</a>
<a href="#step3">3</a>
<a href="#step4">4</a>
<a href="#step5">5</a>
<a class="fa fa-eyedropper" href="#step1"></a>
<a class="fa fa-i-cursor" href="#step2"></a>
<a class="fa fa-font" href="#step3"></a>
<a class="fa fa-pencil" href="#step4"></a>
<a class="fa fa-cogs" href="#step5"></a>
</nav>
<div id="inputs">
<div>
......
......@@ -17,7 +17,7 @@ nav {
background-color: #2f5188;
color: white;
text-align: center;
font-size: 6vw;
font-size: 3vw;
min-height: 100vh;
}
......@@ -25,7 +25,9 @@ nav > * {
display: inline-block;
width: 7vw;
height: 7vw;
padding-top: 2vw;
cursor: pointer;
border-bottom: 1px solid #3b68b0;
}
a {
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment