<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>Sergey's photography, blog, travels, music and more on sergeysv.net</title>
    	
	<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,700,300' rel='stylesheet' type='text/css'>
    <link href="https://fonts.googleapis.com/css?family=PT+Serif:400,400i,700,700i&amp;subset=cyrillic" rel="stylesheet">
	<link rel="stylesheet" href="/vendor/bootstrap/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
		<link rel="stylesheet" type="text/css" href="/themes/default/frontend/css/main.css?20210403">
	<link rel="stylesheet" type="text/css" href="/themes/default/frontend/css/home.css?20190218">
	
	<script src="/vendor/jquery/jquery.min.js"></script>
	<script src="/vendor/bootstrap/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
	    
    <!-- Facebook Pixel Code -->
    <script>
      !function(f,b,e,v,n,t,s)
      {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
      n.callMethod.apply(n,arguments):n.queue.push(arguments)};
      if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
      n.queue=[];t=b.createElement(e);t.async=!0;
      t.src=v;s=b.getElementsByTagName(e)[0];
      s.parentNode.insertBefore(t,s)}(window, document,'script',
      'https://connect.facebook.net/en_US/fbevents.js');
      fbq('init', '773630102984002');
      fbq('track', 'PageView');
    </script>
    <noscript><img height="1" width="1" style="display:none"
      src="https://www.facebook.com/tr?id=773630102984002&ev=PageView&noscript=1"
    /></noscript>
    <!-- End Facebook Pixel Code -->
</head>
<body>
    <nav class="navbar navbar-default navbar-fixed-top">
        <div class="container-fluid">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#main-menu" aria-expanded="false">
                  <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="/en/"><img src="/themes/default/frontend/images/logo.png"></a>
                <div class="btn-group">
                    <a class="navbar-btn btn btn-default" href="/en/">EN</a>
                    <a class="navbar-btn btn btn-default" href="/ru/">RU</a>
                </div>
            </div>
            
            <div class="collapse navbar-collapse" id="main-menu">
                <ul class="nav navbar-nav navbar-right">
                                            <li><a href="/en/photography/">Photography</a></li>
                                            <li><a href="/en/blog/">Blog</a></li>
                                            <li><a href="/en/travels/">Travels</a></li>
                                            <li><a href="/en/music/">Music</a></li>
                                            <li><a href="/en/about/">About me</a></li>
                                    </ul>
            </div>
        </div>
    </nav>
	
	<style>
    .photo-category {
        width: 100%;
        text-align: center;
        background-repeat: no-repeat;
        background-position: 50%;
        background-size: cover;
        margin-top: 15px;
    }
    .photo-category a {
        display: block;
        width: 100%;
        height: 100%;
        padding: 2.2em;
        color: white;
        text-decoration: none;
        font-size: 300%;
        background-color: rgba(0, 0, 0, 0.7);
        text-transform: uppercase;
        letter-spacing: 0.6em;
        transition-property: background-color;
        transition-duration: 0.5s;
        transition-delay: 0;
    }
    .photo-category a:hover {
        background-color: rgba(0, 0, 0, 0.4);
    }
    .photo-category a span {
        display: block;
        font-size: 0.4em;
        color: #bbb;
        letter-spacing: 0.6em;
    }
    @media (max-width: 992px) {
        .photo-category a {
            font-size: 200%;
            padding: 1.5em;
        }
    }
    @media (max-width: 500px) {
        .photo-category a {
            font-size: 150%;
        }
    }
</style>

<div class="container-fluid">
    <div class="row">
        <!-- <div class="col-sm-12">
            <div class="photo-category" style="background-color: red;">
                <a href="/en/shop/buy/SVC218821">
                    Calendars 2021<br>
                    <span>Available for purchase!</span>
                </a>
            </div>
        </div> -->
        <div class="col-sm-12">
            <div class="photo-category" style="background-image: url('/files/photography/SV_20170509_194317.jpg">
                <a href="/en/photography">
                    See my photography
                </a>
            </div>
        </div>
        <div class="col-sm-12">
            <div class="photo-category" style="background-image: url('/files/travels/tasmania-2018/IMG_0644.jpg">
                <a href="/en/travels">
                    Follow my travels
                </a>
            </div>
        </div>
        <div class="col-sm-12">
            <div class="photo-category" style="background-image: url('/files/travels/western-australia-2019/IMG_4293.jpg">
                <a href="/en/music">
                    Listen to my music
                </a>
            </div>
        </div>
    </div>
</div>

	<footer>
		<div class="container-fluid">
            <p>&copy; 2007-2026 sergeysv.net</p>
		</div>
	</footer>
    
    <script>
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
      ga('create', 'UA-20478094-1', 'auto');
      ga('send', 'pageview');
    </script>

</body>
</html>