Soren-Rasmussen-Architects/index.html at master · RedLucas/Soren-Rasmussen-Architects · 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
<!DOCTYPE html>
<html>
	<head>
		<title></title>
		<meta charset="utf-8">
		<link href="./stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" />
		<meta name="description" content="">
		<script src="scripts/jquery-2.0.3.js" charset="utf-8"></script>
	</head>
	<body>

		<div id="container" class="container">
			<header id="main-header" class="main-header">
				<img src="images/sralogo.svg" id="logo" class="logo" href="index.html" />
				<div id="text-header" class="text-header">
					<h1>Soren Rasmussen Architects Inc.</h1>
					<nav>
						<ul>
							<li><a href="about.html">About</a></li>
							<li><a href="gallery.html">Gallery</a></li>
							<li><a href="contact.html">Contact</a></li>
							<li><a href="talents.html">Talents</a></li>
						</ul>
					</nav>
				</div>
			</header>
			<section class="empty" id="empty">

			</section>
			<main>
				<div id="galleria" class="galleria">
					<img src="images/back-yard.jpg" alt="back-yard" width="1800" height="1350">
					<img class="background-bw" alt="back-yard" src="images/sidney-b-w.svg" />
					<img class="background-color" alt="back-yard" src="images/sidney-color.svg" />

			</div>
		</div>

				<article>
					<header>
						<h3></h3>
					</header>

				</article>
				<article>
					<header>
						<h3></h3>
					</header>

				</article>
				<article>
					<header>
						<h3></h3>
					</header>

				</article>
			</main>
			<footer>

			</footer>
		</div>

		<script src="plugins/galleria/galleria-1.2.9.js"></script>

		<script>
			Galleria.loadTheme('plugins/galleria/themes/fullscreen/galleria.fullscreen.min.js');
			/*Galleria.configure({
				autoplay: true;
			});*/
			Galleria.run('#galleria', {
				autoplay: true,
				_hideDock: true,
				transition: 'fade',
				transitionSpeed: 2000,
				imageCrop: 'width'
			});


		</script>
		<script>

			$('.galleria-container').css('height', 'calc(100% - 130px)');

		</script>
	</body>
</html>