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

View File

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