Fix email icon and styling
This commit is contained in:
parent
47ae014f9b
commit
415ff51846
12
cs.css
12
cs.css
@ -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;
|
||||
|
11
index.html
11
index.html
@ -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">
|
||||
|
Loading…
Reference in New Issue
Block a user