-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathprojects.html
More file actions
134 lines (111 loc) · 5.01 KB
/
projects.html
File metadata and controls
134 lines (111 loc) · 5.01 KB
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
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Projects</title>
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet">
<link rel="stylesheet" href="css/index.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.0.2/TweenMax.min.js"></script>
<script src="js/index.js" async></script>
<script src="js/carousel.js" async></script>
</head>
<body>
<header>
<div class="main-bar">
<h1>S&J</h1>
<div class="burger-button">
<img src="img/nav-hamburger.png" alt="" class="current-btn">
<img src="img/nav-hamburger-close.png" alt="">
</div>
</div>
<nav class='expanding-menu hidden'>
<div>
<a href="index.html">Home</a>
<a href="services.html">Services</a>
<a href="about.html">About Us</a>
<a href="projects.html">Projects</a>
<a href="contact.html">Contact</a>
</div>
</nav>
</header>
<div class="container">
<div class="jumbotron onScroll tall-jumbo">
<picture>
<source media='(min-width: 501px)'
srcset="img/projects/projects-jumbo.png"/>
<source media='(max-width: 500px)'
srcset='img/projects/projects-mobile-jumbo.png'/>
<img src="img/projects/projects-jumbo.png" alt="">
</picture>
<h1 class='contact-h1'>Projects</h1>
</div>
<section class='projects-section onScroll'>
<h2>Awesome Designs!</h2>
<p>Below are some images of our most recent projects! Note how awesome they look taken from a ridiculously low angle!</p>
<p>Donec feugiat vestibulum enim, at ullamcorper eros ultrices eu. Suspendisse blandit, mauris at eleifend porta, mauris diam luctus velit, fermentum condimentum felis nisl vitae dolor. Curabitur ligula orci, feugiat eget tincidunt non, pulvinar in nisi. Mauris ut diam vulputate, fringilla nulla ut, lobortis sapien. Maecenas vitae hendrerit ex. Sed pretium malesuada sem ut pharetra.</p>
</section>
<div class="carousel onScroll">
<div class="left-button"><</div>
<div class="img-container">
<img src="./img/projects/projects-1024-1.png" />
<h2>Ooo So Pretty!</h2>
</div>
<div class="img-container">
<img src="./img/projects/projects-1024-2.png" />
<h2>The colors, duke!</h2>
</div>
<div class="img-container">
<img src="./img/projects/projects-1024-3.png" />
<h2 class='too-white'>Something Creative!?</h2>
</div>
<div class="img-container">
<img src="./img/projects/projects-1024-4.png" />
<h2>You get the idea...</h2>
</div>
<!-- <img src="./img/unsplash/marc-olivier-jodoin-461678-unsplash.jpg" /> -->
<div class="right-button">></div>
</div>
<section class='projects-section onScroll'>
<p>Above are some images of our most recent projects! Note how awesome they look taken from a ridiculously low angle!</p>
<p>Donec feugiat vestibulum enim, at ullamcorper eros ultrices eu. Suspendisse blandit, mauris at eleifend porta, mauris diam luctus velit, fermentum condimentum felis nisl vitae dolor. Curabitur ligula orci, feugiat eget tincidunt non, pulvinar in nisi. Mauris ut diam vulputate, fringilla nulla ut, lobortis sapien. Maecenas vitae hendrerit ex. Sed pretium malesuada sem ut pharetra.</p>
</section>
</div>
<footer>
<div class="footer-content onScroll">
<div class="contact">
<h3>Interested in starting a project? <br> Let’s talk:</h3>
<input type="text" placeholder="Enter email">
<p>We'll never share your email with anyone else.</p>
</div>
<address>
<h3>New York</h3>
123 Lane<br><br>
Suite 100<br><br>
Albany, NY 12345<br><br>
202 555 0144
</address>
<address>
<h3>Florida</h3>
Ocean Drive<br><br>
Suite 201<br><br>
Orlando, FL 22345<br><br>
502 555 0144
</address>
<address>
<h3>California</h3>
Mountain Street<br><br>
Suite 105<br><br>
San Diego, CA 22345<br><br>
702 555 0144
</address>
</div>
<div class="copyright">
Copyright © 2018 Smith and Jones
</div>
</footer>
</body>
</html>