Browse Source

Addes social to about page

master
Marcel Haazen 5 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]-->
<head>
<meta charset="utf-8">
<meta charset="utf-8">
<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" />
<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>
</head>
<body>
@ -39,11 +40,13 @@
<ul class="small-block-grid-1 large-block-grid-1">
<li>
<img src="https://res.cloudinary.com/haazen/image/upload/marcel_vector.png">
<h5>Marcel H.</h5>
<h5>Marcel Haazen</h5>
<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>
</ul>
</about>
@ -69,13 +72,5 @@
<script src="js/vendor/jquery.js" type="text/javascript"></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>
</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" />
<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>
</head>
<body>

+ 9
- 0
css/style.css View File

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

Loading…
Cancel
Save