Browse Source

Addes social to about page

master
Marcel Haazen 6 years ago
parent
commit
4d713cb1d8
3 changed files with 24 additions and 19 deletions
  1. +14
    -19
      about.html
  2. +1
    -0
      contact.html
  3. +9
    -0
      css/style.css

+ 14
- 19
about.html View File

@ -3,15 +3,16 @@
<!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]--> <!--[if gt IE 8]><!--> <html class="no-js" lang="en" > <!--<![endif]-->
<head> <head>
<meta charset="utf-8">
<meta charset="utf-8">
<meta lang="en-US"> <meta lang="en-US">
<meta name="viewport" content="width=device-width">
<title>Marcel Haazen - About me</title>
<meta name="author" content="Marcel Haazen">
<meta name="description" content="########">
<meta name="viewport" content="width=device-width">
<title>Marcel Haazen - About me</title>
<meta name="author" content="Marcel Haazen">
<meta name="description" content="########">
<meta name="keywords" content="Marcel Haazen, Marcel, Haazen, Resume, Certificates, Portfolio, Freelancer, Server, Server Administration, Server Setup, Web Design, About me" /> <meta name="keywords" content="Marcel Haazen, Marcel, Haazen, Resume, Certificates, Portfolio, Freelancer, Server, Server Administration, Server Setup, Web Design, About me" />
<link rel="stylesheet" href="css/foundation.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/foundation.css">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
<script src="js/email.js"></script> <script src="js/email.js"></script>
</head> </head>
<body> <body>
@ -39,11 +40,13 @@
<ul class="small-block-grid-1 large-block-grid-1"> <ul class="small-block-grid-1 large-block-grid-1">
<li> <li>
<img src="https://res.cloudinary.com/haazen/image/upload/marcel_vector.png"> <img src="https://res.cloudinary.com/haazen/image/upload/marcel_vector.png">
<h5>Marcel H.</h5>
<h5>Marcel Haazen</h5>
<br> <br>
<a href="https://twitter.com/NekoCentral" class="social twitter">t</a>
<a href="https://www.facebook.com/mhaazen" class="social facebook">f</a>
<a href="https://www.linkedin.com/in/mhaazen" class="social linkedin">in</a>
<a href="https://twitter.com/NekoCentral" class="social twitter"><i class="fab fa-twitter"></i></a>
<a href="https://www.linkedin.com/in/mhaazen" class="social linkedin"><i class="fab fa-linkedin-in"></i></a>
<a href="https://www.linkedin.com/in/mhaazen" class="social github"><i class="fab fa-github"></i></a>
<a href="https://www.linkedin.com/in/mhaazen" class="social keybase"><i class="fab fa-keybase"></i></a>
<a href="https://www.linkedin.com/in/mhaazen" class="social acclaim"><i class="fas fa-angle-double-up"></i></a>
</li> </li>
</ul> </ul>
</about> </about>
@ -69,13 +72,5 @@
<script src="js/vendor/jquery.js" type="text/javascript"></script> <script src="js/vendor/jquery.js" type="text/javascript"></script>
<script src="js/foundation.min.js"></script> <script src="js/foundation.min.js"></script>
<!--
<script src="js/foundation/foundation.js"></script>
<script src="js/foundation/foundation.dropdown.js"></script>
<script src="js/foundation/foundation.alerts.js"></script>
<script src="js/foundation/foundation.clearing.js"></script>
<script src="js/foundation/foundation.orbit.js"></script>
-->
</body> </body>
</html> </html>

+ 1
- 0
contact.html View File

@ -12,6 +12,7 @@
<meta name="keywords" content="Marcel Haazen, Marcel, Haazen, Resume, Certificates, Portfolio, Freelancer, Server, Server Administration, Server Setup, Web Design, Contact Me" /> <meta name="keywords" content="Marcel Haazen, Marcel, Haazen, Resume, Certificates, Portfolio, Freelancer, Server, Server Administration, Server Setup, Web Design, Contact Me" />
<link rel="stylesheet" href="css/foundation.css"> <link rel="stylesheet" href="css/foundation.css">
<link rel="stylesheet" href="css/style.css"> <link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
<script src="js/email.js"></script> <script src="js/email.js"></script>
</head> </head>
<body> <body>

+ 9
- 0
css/style.css View File

@ -286,6 +286,15 @@ foot img:hover {
.linkedin:hover { .linkedin:hover {
background-color: #0077B5; background-color: #0077B5;
} }
.github:hover {
background-color: #bd2c00;
}
.keybase:hover {
background-color: #f47721;
}
.acclaim:hover {
background-color: #1d699d;
}
/* work page & single work page */ /* work page & single work page */

Loading…
Cancel
Save