frontend-coder

HTML


  <!-- начало первого блока портфолио-->  
  <div class="col-xs-12 col-sm-4 col-md-4 col-lg-4">
    <div class="portfolio">
      <img src="images/Freelance.jpg" alt="">  
      <div class="portfolio-block">
        <a href="#" class="portfolio-item"> <i class="fa fa-search-plus" aria-hidden="true"></i>
          <!--пытаюсь сделать всплывающее окно галеры -->  

frontend-coder

HTML
<div id="container">
    <div id="header">
        <!-- Содержимое шапки -->
    </div>
    <div id="body">
        <!-- Содержимое центральной части -->
    </div>
    <div id="footer">
        <!-- Содержимое нижнего блока -->

frontend-coder

 .main-name {
	background-color: transparent;
	height: 280px;
	position: relative;
	
}
.fixed-fon {
background: url(../img/slide_box.jpg) top center no-repeat;
	-webkit-background-size: cover;

frontend-coder

.block-fon5 {
background:  
url('../images/cherry.png') no-repeat 85% 80%,
url('../images/mouse.png') no-repeat left top,
url('../images/5JjnJ8bUnP.png') no-repeat center center,
url('../images/css-karkas.png') no-repeat;
-webkit-background-size: 100px 100px, auto, 50px 50px, auto;
background-size: 100px 100px, auto, 50px 50px, auto;
}

frontend-coder

<!--[if lt IE 9]>
		<script>
			var e = ("article,aside,figcaption,figure,footer,header,hgroup,nav,section,time").split(',');
			for (var i = 0; i < e.length; i++) {
				document.createElement(e[i]);
			}
		</script>
<![endif]-->

frontend-coder

function heightses() {
	$(".program-item").height("auto").equalHeights();
}heightses();

$(window).resize(function() {
	heightses();
});

frontend-coder

<div class="row grey ">
<h1 class="logo black startLogo">Logo</h1> 
</div>

<div class="row blue">
<h1 class="logo white altLogo">Logo</h1> 
</div>


<div class="row purple">

frontend-coder

.prozrachnost {
 opacity:0.5;
 filter:alpha(opacity=50);
 -moz-opacity:0.5;
background-color:#000000;
width:340px;
height:1500px;
position:absolute;
 top:0px;
 left:0px;

frontend-coder

ладно если серьезно то вот   - тонкий пробел, &ensp - пробел длиной в букву N,   - пробел длиной в букву M

frontend-coder

// галерея всплывающая
$(".portfolio-item").each(function(e){
var th = $(this);
th.attr("href", "#portfolio-image-" + e)
.find(".portfolio-popup")
.attr("id", "portfolio-image-" + e);
});
$(".portfolio-item").magnificPopup({
mainClass: 'my-mfp-zoom-in',
removalDelay:300,