<!DOCTYPE html>
<html lang="en">
<head>
<!-- jQuery from CDN -->
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"> </script>
<script src="js/jribbble.js"></script>
<script src="js/bootstrap.js"></script>
<script>
{
$(document).ready(function()
//Paste your Client Access Token in the line below within quotes - you can build your API from https://dribbble.com/account/applications
$.jribbble.setToken('cca05ddeb756f269c5918ef26e50336f973d2e4146bbd80ec8ee87af31dd05a0');
$.jribbble.users('_koreyhall').shots({per_page: 36}).then(function(shots) {
var html = [];
shots.forEach(function(shot) {
html.push('<div class="col-sm-6 col-md-4 col-lg-4"> <div class="grid-list">');
html.push('<a href="' + shot.html_url + '" target="_blank">');
html.push('<img class="img-responsive" src="' + shot.images.normal + '" alt="' + shot.title + '"><\/a>');
html.push('<div class="overlay"><a target="_blank" href="' + shot.html_url + '">');
html.push('<h2>' + shot.title + '<\/h2>');
html.push('<\/a> <\/div><\/div><\/div>');
});
$('#shots').html(html.join(''));
});
});
</script>
<meta charset="utf-8">
<meta content="IE=edge" http-equiv="X-UA-Compatible">
<meta content="width=device-width, initial-scale=1" name="viewport">
<title>About | Portfolio by Korey Hall</title>
<!-- Bootstrap + Font Awesome + Main CSS -->
<link href="http://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet">
<link href="css/bootstrap.css" rel="stylesheet">
<!-- customize this file if needed -->
<link href="css/main.css" rel="stylesheet">
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<div class="wrapper">
<div class="container">
<header>
<div class="row">
<div class="navbar">
<div class="navbar-header">
<button class="navbar-toggle collapsed" data-target=".navbar-collapse" data-toggle="collapse" type="button"><span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span></button> <a class="navbar-brand" href="index.html">KOREYHALL</a>
</div>
<div class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li>
<a href="about.html" class="active">About</a>
</li>
<li>
<a href="blog.html">Blog</a>
</li>
<li>
<a href="portfolio.html">Portfolio</a>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
</ul>
<ul class="nav navbar-nav social">
<li><a href="#"> <i class="fa fa-facebook"></i> </a></li>
<li><a href="#"> <i class="fa fa-twitter"></i> </a></li>
<li><a href="#"> <i class="fa fa-dribbble"></i> </a> </li>
<li><a href="#"> <i class="fa fa-linkedin"></i> </a></li>
<li><a href="#"> <i class="fa fa-envelope"></i> </a></li>
</ul>
</div><!-- /.nav-collapse -->
</div><!-- /.navbar -->
</div>
<div>
<h1 class="intro">About Me</h1>
<div class="about">
<p class="about">
<span>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into.</span>
</div>
</div>
</header>
</div>
</div>
<footer>
<div class="container">
<nav class="nav-footer">
<ul>
<li>
<a href="about.html" class="active">About</a>
</li>
<li>
<a href="blog.html">Blog</a>
</li>
<li>
<a href="portfolio.html">Portfolio</a>
</li>
<li>
<a href="contact.html">Contact</a>
</li>
</ul>
<ul>
<li><a href="#"> <i class="fa fa-facebook"></i> </a></li>
<li><a href="#"> <i class="fa fa-twitter"></i> </a></li>
<li><a href="#"> <i class="fa fa-dribbble"></i> </a> </li>
<li><a href="#"> <i class="fa fa-linkedin"></i> </a></li>
<li><a href="#"> <i class="fa fa-envelope"></i> </a></li>
</ul>
<p class="credits text-center">© All Rights Reserved 2016</p>
</nav>
</div>
</footer>
</body>
</html>
Wie ich Leerzeichen entfernen von meiner Website html
Wie kann ich die Leerzeichen entfernen zwischen Über mich + der Loreum Ipsum? vielen dank an diejenigen, die mir helfen können, auch ist das 'active' tag korrekt, da es in diesem code nicht funktioniert
Als eine Randnotiz würde ich empfehlen zu verwenden jquery.min anstelle der unkomprimierten Version, da Ladezeiten reduziert werden. – Oisin