Fix email icon and styling

This commit is contained in:
Pablo Moyano 2020-03-13 19:43:07 +01:00
parent 47ae014f9b
commit 415ff51846
2 changed files with 14 additions and 9 deletions

12
cs.css
View File

@ -63,6 +63,10 @@ img {
background-image: none;
}
a {
color: white
}
/*TOP NAVBAR*/
/**********************************************************************************/
@ -481,11 +485,15 @@ nav ul li ul li a {
background-color: green;
}
.fa-twitter {
.mdi-twitter {
color: #2196f3;
margin-left: 10px;
}
.mdi-email {
color: #f32821;
}
#mapButton {
background-color: yellow;
color: black;

View File

@ -24,7 +24,7 @@
<link href="https://fonts.googleapis.com/css?family=Roboto&display=swap" rel="stylesheet">
<title>FOSC - Free Open Source Club</title>
<script src="js/main.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
m<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
</head>
<header>
@ -226,12 +226,9 @@
<h4>We're looking for new members, students are specially welcome</h4>
<hr>
<div class="twitter">
<p>Contact us on Twitter<a href="https://twitter.com/foscupct" class="mdi mdi-twitter"></a></p>
</div>
<div class="mail">
<p>Send us an email<a href="mailto:contact@fosc.space" class="mdi mdi-envelope-open-text"></a></p>
<div class="contact_methods">
<p><i class="mdi mdi-twitter"></i> <a href="https://twitter.com/foscupct">Contact us on Twitter</a></p>
<p><i class="mdi mdi-email"></i> <a href="mailto:contact@fosc.space">Send us an email</a></p>
</div>
<div class="button">