dc/index.html at master · dcalise/dc · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<html>
	<head>
		<title>dancalise web design</title>
		<meta charset="utf-8" />
    	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
    	<link rel="stylesheet" href="css/foundation.css" />
    	<link rel="stylesheet" href="css/style.css" />
    	<script src="js/vendor/modernizr.js"></script>
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
        <script src="js/app.js"></script>
        <script src="js/jquery.stellar.min.js"></script>
    	<link href='http://fonts.googleapis.com/css?family=Lato&subset=latin,latin-ext' rel='stylesheet' type='text/css'>
        <link href='http://fonts.googleapis.com/css?family=Sue+Ellen+Francisco' rel='stylesheet' type='text/css'>
	</head>
	<body>
		<header>
			<div class="fixed">
				<div class="row">
					<nav class="top-bar" data-topbar role="navigation">
					  <ul class="title-area">
					    <li class="name">
					      <h1><a href="#">dan<strong>calise</strong></a></h1>
					    </li>
					     <!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
					    <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
					  </ul>
					  <section class="top-bar-section">
					    <!-- Right Nav Section -->
					    <ul class="right">
					      <li><a href="#">Projects</a></li>
					      <li><a href="#">Bio</a></li>
					    </ul>
					  </section>
					</nav>
				</div>
			</div>
		</header>
		<section class="home">
			<div class="title-block">
                <h1>dan<span>calise</span></h1>
                <span class="subtitle">web design</span>
                <ul class="social-icons">
                    <li id="github"><a href="#" title="Github"></a></li>
                    <li id="linkedin"><a href="#" title="LinkedIn"></a></li>
                    <li id="gmail"><a href="#" title="Email"></a></li>
                </ul>
            </div>
		</section>
        <!--start portfolio-->
        <section class="portfolio">
            <div class="row">
                <div class="dots">
                    <div class="dot medium" data-stellar-ratio=".4"></div>
                    <div class="dot medium" data-stellar-ratio=".5"></div>
                    <div class="dot medium" data-stellar-ratio=".6"></div>
                    <div class="dot medium" data-stellar-ratio=".7"></div>
                    <div class="dot medium" data-stellar-ratio=".8"></div>
                    <div class="dot medium" data-stellar-ratio=".9"></div>
                    <div class="dot medium" data-stellar-ratio="1"></div>
                </div>
                <div class="columns medium-4">
                    <div class="portfolio-wrapper">
                        <img src="#" alt="Portfolio">
                        <div class="title">
                            <h3>Project Title</h3>
                        </div>
                    </div>
                </div>
                <div class="columns medium-4">
                    <div class="portfolio-wrapper">
                        <img src="#" alt="Portfolio">
                        <div class="title">
                            <h3>Project Title</h3>
                        </div>
                    </div>
                </div>
                <div class="columns medium-4">
                    <div class="portfolio-wrapper">
                        <img src="#" alt="Portfolio">
                        <div class="title">
                            <h3>Project Title</h3>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!--end portfolio-->
        <!--start bio-->
        <section class="bio">
            <div class="row">
                <div class="columns medium-4">
                    <!--image-->
                </div>
                <div class="columns medium-8">
                    <p class="bio-text">
                        Lorum ipsum dolor lorum ipsum. Lorum ipsum dolor lorum ipsum. Lorum ipsum dolor lorum ipsum. Lorum ipsum dolor lorum ipsum. Lorum ipsum dolor lorum ipsum. Lorum ipsum dolor lorum ipsum. Lorum ipsum dolor lorum ipsum.
                    </p>
                </div>
            </div>
        </section>
        <!--end bio-->
        <!--start footer-->
        <footer>
            <script>
            $('section').heightKeeper();
            $('.portfolio').stellar();
            </script>
        </footer>
        <!--start footer-->
	</body>
</html>