voidzone_website/index.html at master · VoidZoneInteractive/voidzone_website · 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
<!DOCTYPE html>
<html>
<head>
    <title>Void Zone Interactive</title>
    <meta charset="utf-8" />
    <meta name=viewport content="width=820, maximum-scale=1" />

    <link href="http://fonts.googleapis.com/css?family=Lato:300,400,700" rel="stylesheet" type="text/css" />
    <!--<link href='http://fonts.googleapis.com/css?family=Signika:300,400,600,700' rel='stylesheet' type='text/css'>-->
    <link rel="stylesheet" href="styles/main.css" type="text/css" media="all" />
    <link rel="icon" type="image/png" href="http://voidzone.pl/favicon.png" sizes="16x16" />
</head>
<body>
    <header>
        <div>
            <div>
                <img src="voidzone_invert.svg" />
            </div>

            <nav>
                <ul>
                    <li>Dlaczego My</li>
                    <li>Showcase</li>
                    <li>Recent Works</li>
                    <li>Contact</li>
                </ul>
            </nav>
        </div>
    </header>
	<div id="header-image">
		<div>
			<div>
				<p>
					<span>Gratulujemy,</span><br />
					<span>trafiłeś na profesjonalistów!</span>
				</p>
			</div>
		</div>
	</div>
	<div class="content">
        <section id="about">
            <h2>Dlaczego My</h2>
            <article>
                <p>
                    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas nulla ligula, interdum ac enim vitae, venenatis consectetur dolor. Cras sed enim maximus, gravida lectus ut, facilisis quam. Aliquam egestas, massa a lacinia aliquet, nisl lorem fermentum nisi, eget iaculis tellus nulla at est. Morbi enim arcu, facilisis vitae sapien id, bibendum laoreet magna. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Donec aliquet tincidunt ligula, at rutrum diam vestibulum sit amet. Donec pretium lectus quis ex tincidunt dapibus. Aliquam erat volutpat. Integer ultrices quis mauris eu sagittis.
                </p>
                <p>
                    Nunc id auctor leo, sed placerat sapien. Quisque egestas nunc quis velit pharetra, ut scelerisque purus faucibus. Phasellus tincidunt quis risus ut fringilla. Nullam rutrum, sem in gravida viverra, ipsum erat eleifend libero, eget maximus sem nunc eu velit. Donec nec efficitur nisl. Aenean quis risus vel augue euismod imperdiet. Fusce eu neque nulla. Suspendisse suscipit dui vitae semper laoreet.
                </p>
                <p>
                    Sed posuere tristique feugiat. Nulla facilisi. Mauris iaculis sodales ante nec pulvinar. Nullam a elementum nibh. Vestibulum egestas facilisis sollicitudin. Suspendisse at turpis eget velit gravida feugiat. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
                </p>
                <p>
                    Morbi malesuada nisl id ultricies porta. Nam interdum suscipit elementum. Mauris mollis sed risus et scelerisque. Mauris fringilla velit at egestas pharetra. Integer convallis, odio sed dictum hendrerit, est tellus congue nulla, sit amet posuere lacus libero id mauris. Phasellus vel dui ut orci consequat laoreet quis sed ipsum. Maecenas interdum lobortis lorem, at consectetur nisl. Curabitur feugiat, tortor nec fermentum finibus, enim tortor tincidunt diam, et ultricies nunc lectus quis lectus. Cras et tellus ante. Sed et sagittis eros, id rhoncus ante. Mauris consequat tellus nec neque elementum imperdiet. Curabitur sed eros eu justo pretium rhoncus in ornare leo. Donec sed est pretium, bibendum orci vel, fringilla mauris. Suspendisse pulvinar lacus quis gravida interdum. Etiam ligula mauris, dictum sit amet dui in, dictum aliquam tellus.
                </p>
                <p>
                    Maecenas eu nibh at lectus volutpat fringilla vitae ultrices turpis. Praesent finibus mollis massa, non congue eros scelerisque vestibulum. Aliquam laoreet est sed sapien faucibus gravida. Cras at risus eu arcu molestie fringilla sed id orci. Nulla nec mi ut arcu volutpat laoreet. Aenean ac arcu massa. Mauris eget sem arcu. Etiam est sapien, dignissim sed justo vehicula, hendrerit congue nibh.
                </p>
            </article>
        </section>
	</div>

	<div class="content inverted">
        <section id="showcase">
            <h2>Recent Works</h2>
            <article>
                <div class="portfolio-element">
                    <div class="portfolio-image"></div>
                    <h3>Tankuje.com</h3>
                    <small>/transport</small>
                </div><div class="portfolio-element">
                    <div class="portfolio-image"></div>
                    <h3>Tankuje.com</h3>
                    <small>/transport</small>
                </div><div class="portfolio-element">
                    <div class="portfolio-image"></div>
                    <h3>Tankuje.com</h3>
                    <small>/transport</small>
                </div><div class="portfolio-element">
                    <div class="portfolio-image"></div>
                    <h3>Tankuje.com</h3>
                    <small>/transport</small>
                </div>
            </article>
        </section>
	</div>
</body>
</html>