https://philipbloom.net/

1<!DOCTYPE html>
2<html lang="en-US">
3    <head>
4        <meta charset="utf-8">
5        <title>Philip Bloom | DP, Director, Filmmaker</title>
6        <meta name="description" content="Philip Bloom is a British DP, Director and Filmmaker known for his DSLR filmmaking, blog and workshops.">
7        <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
8        <link rel="shortcut icon" href="favicon.ico">
9        <link rel="stylesheet" href="css/main.css">
10        <link rel="stylesheet" href="css/font-awesome.min.css">
11        <!--[if lt IE 9]>
12            

12<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>

12
13        <![endif]-->
14    </head>
15    <body class="loading">
16        <section class="wrapper">
17        
18            <!-- Homepage Section -->
19            <article id="home">
20                <header>               
21                    <h1 class="main-title from-top">PHILIP BLOOM</h1>
22                    <h2 class="subtitle from-bottom">DP | DIRECTOR | FILMMAKER</h2>
23                    
24                </header>
25     
26            <footer>
27
28                <nav id="nav-menu" class="from-left">
29                    <ul>            
30                        <li><a class="external" href="http://main.philipbloom.net">WORK</a></li>
31                        <li><a class="external" href="http://philipbloom.net/blog">BLOG</a></li>
32                    </ul>
33                </nav>
34                
35                <ul id="social-links" class="from-top">
36                    <li><a title="Facebook" href="https://www.facebook.com/philipbloom/"><i class="fa fa-facebook"></i></a></li>
37                    <li><a title="Twitter" href="https://twitter.com/PhilipBloom"><i class="fa fa-twitter"></i></a></li>
38                    <li><a title="Youtube" href="https://www.youtube.com/channel/UCcM_6ay33BNpChknCrMCgig"><i class="fa fa-youtube"></i></a></li>
39                    <li><a title="Vimeo" href="https://vimeo.com/philipbloom"><i class="fa fa-vimeo"></i></a></li>   
40                    <li><a title="Instagram" href="https://instagram.com/philipbloom/"><i class="fa fa-instagram"></i></a></li>
41                </ul>
42           
43            </footer>
44
45        </section>
46
47        

47<script src="js/jquery.min.js"></script>

47
48        

48<script src="js/plugins.js"></script>

48
49        

49<script src="js/main.js"></script>

49
50
51        

51<script>
52            var imgSlider = ['img/sample-slide1.jpg', 'img/sample-slide2.jpg', 'img/sample-slide3.jpg', 'img/sample-slide4.jpg', 'img/sample-slide5.jpg', 'img/sample-slide6.jpg'];
53            $.backstretch(imgSlider, { duration: 4000, fade: 750 });
54        </script>

54
55
56    </body>
57</html>