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;
|
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;
|
||||||
|
11
index.html
11
index.html
@ -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">
|
||||||
|
Loading…
Reference in New Issue
Block a user