-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
119 lines (119 loc) · 8.76 KB
/
index.html
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
<!DOCTYPE html><!-- This site was created in Webflow. http://www.webflow.com -->
<!-- Last Published: Mon Apr 26 2021 22:49:13 GMT+0000 (Coordinated Universal Time) -->
<html data-wf-page="5ec6ab7295cdf129da08fcb6" data-wf-site="5ec6ab71fe35e23b06b50d1e">
<head>
<meta charset="utf-8">
<title>Bulkhead - Team Sabaton</title>
<meta content="width=device-width, initial-scale=1" name="viewport">
<meta content="Webflow" name="generator">
<link href="css/normalize.css" rel="stylesheet" type="text/css">
<link href="css/webflow.css" rel="stylesheet" type="text/css">
<link href="css/bulkhead.webflow.css" rel="stylesheet" type="text/css">
<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
<script type="text/javascript">WebFont.load({ google: { families: ["Great Vibes:400","Montserrat:100,100italic,200,200italic,300,300italic,400,400italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic","Nunito:200italic,300,300italic,regular,italic,600,600italic,700,700italic,800,800italic,900,900italic","Fira Sans:100,100italic,200,200italic,300,300italic,regular,italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic","Poppins:100,100italic,200,200italic,300,300italic,regular,italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic","Source Sans Pro:200,200italic,300,300italic,regular,italic,600,600italic,700,700italic,900,900italic","Nunito:200,200italic,300,300italic,regular,italic,600,600italic,700,700italic,800,800italic,900,900italic","Space Mono:regular,italic,700,700italic","Alfa Slab One:regular","DM Sans:regular,italic,500,500italic,700,700italic","DM Serif Display:regular,italic","Quattrocento:regular,700","Fanwood Text:regular,italic","Nunito Sans:300,300italic,regular,italic,600,600italic,800,800italic:latin,latin-ext","Didact Gothic:regular:latin,latin-ext","Black Ops One:regular:latin,latin-ext","Righteous:regular:latin,latin-ext"] }});</script>
<!-- [if lt IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js" type="text/javascript"></script><![endif] -->
<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
<link href="images/favicon.png" rel="shortcut icon" type="image/x-icon">
<link href="images/webclip.png" rel="apple-touch-icon">
</head>
<body class="body">
<div id="home" class="header-background">
<div data-collapse="medium" data-animation="default" data-duration="300" role="banner" class="navbar site-navigation w-nav">
<div class="navbar-container w-container">
<a href="index.html" aria-current="page" class="brand-link w-nav-brand w--current">
<h3 id="site-title" class="site-title">Team Sabaton</h3>
</a>
<nav role="navigation" class="nav-menu w-nav-menu">
<a href="#home" class="nav-link w-nav-link">Home</a>
<a href="#description" class="nav-link w-nav-link">What is Bulkhead?</a>
<a href="#updates" class="nav-link w-nav-link">Play</a>
<a href="#team" class="nav-link w-nav-link">Our Team</a>
<a href="https://twitter.com/BulkheadGame" class="nav-link twitter w-nav-link"></a>
<a href="https://discord.gg/ejrAY35" class="nav-link discord w-nav-link"></a>
</nav>
<div class="menu-button w-nav-button">
<div class="menu-button-icon w-icon-nav-menu"></div>
</div>
</div>
</div>
<div class="section-3">
<h1 data-w-id="e6f37289-8ea9-dbc6-56cd-cd90268c542e" style="opacity:0" class="heading-9">BULKHEAD</h1>
<div data-w-id="e54ad5fe-2a69-2af3-9a72-f8a1f4d6de03" style="opacity:0;-webkit-transform:translate3d(0, 0, 0) scale3d(0.8, 0.8, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(0.8, 0.8, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(0.8, 0.8, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(0.8, 0.8, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="div-block-9 div-block-10"></div>
</div>
</div>
<div id="description" class="showcase">
<div class="div-block-12"><img src="images/Bulkhead_Triumph.jpg" data-w-id="17d9ceb5-393c-2fcc-8a17-3da7d2b22886" sizes="100vw" srcset="images/Bulkhead_Triumph-p-500.jpeg 500w, images/Bulkhead_Triumph-p-1080.jpeg 1080w, images/Bulkhead_Triumph-p-1600.jpeg 1600w, images/Bulkhead_Triumph-p-2000.jpeg 2000w, images/Bulkhead_Triumph.jpg 2550w" alt="" class="image-2">
<h2 class="heading-5">The World is Snow and Steel</h2>
</div>
<div class="div-block-13">
<div class="container w-container">
<p class="paragraph-2">Bulkhead is an action tower-defense game played in third-person. Playing as the Solider, build towers, freeze, and loot enemies in a struggle to survive and escape.<br></p>
</div>
</div>
</div>
<div id="updates" class="updates">
<div class="collage">
<div id="w-node-a7b0803d-4b6a-04aa-7dc1-44f2895b3f53-da08fcb6" class="collage-item enemy1"></div>
<div id="w-node-_444f0d62-0646-81c4-7483-6b5b75fbaf94-da08fcb6" class="collage-item armor2"></div>
<div id="w-node-b87146f8-5bee-4357-799c-b5c261f54d86-da08fcb6" class="collage-item environment3"></div>
<div id="w-node-_1ecf9016-5e87-8865-20c4-525e6a84b51f-da08fcb6" class="collage-item enemy2"></div>
<div id="w-node-_8e8d5d72-e804-b393-d387-2ce10965489e-da08fcb6" class="collage-item enemy3"></div>
<div id="w-node-dd9d99c7-6f3f-73bc-422b-43833f7caf38-da08fcb6" class="collage-item environment1"></div>
<div id="w-node-_6f7e2700-2f00-bdb2-a7da-cdb881bd28d3-da08fcb6" class="collage-item armor1"></div>
<div id="w-node-cb0540b7-58b7-11fb-eae3-ee09c2ab61fe-da08fcb6" class="collage-item armor3"></div>
<div id="w-node-_755ead38-0571-be5a-2619-527d4f2b16c7-da08fcb6" class="collage-item"></div>
<div id="w-node-_5ce7d65d-715f-3254-6d26-d41087fc28a7-da08fcb6" class="collage-item environment2"></div>
</div>
<div class="update-box">
<div class="container-3 w-container">
<h2 class="heading-6">Winter is Here</h2>
<p class="paragraph-5">Play Bulkhead for free on Steam.</p>
<a href="https://store.steampowered.com/app/1467670/Bulkhead/" target="_blank" class="button-2 steam w-button">Steam Store</a>
</div>
</div>
</div>
<div id="team" class="team">
<div class="container-4 w-container">
<div class="div-block-5">
<h2 class="heading-7">Tech</h2>
<div class="w-layout-grid grid2">
<div class="team-member">
<h3 class="name">John Zhou</h3>
<p class="roles">Technical Artist,<br>Technical Lead, Gameplay Programmer</p>
</div>
</div>
</div>
<div class="div-block-5">
<h2 class="heading-7">Art</h2>
<div class="w-layout-grid grid">
<div class="team-member member-button">
<h3 class="name">Tom Tawadros</h3>
<p class="roles">Technical Artist, FX Artist, Web Designer</p>
<a href="http://tomtawadros.com" target="_blank" class="portfolio-button w-button">Tom's Portfolio</a>
</div>
<div class="team-member member-button">
<h3 class="name">Emma Lowry</h3>
<p class="roles">Character Modeler, Concept Artist, Texture Artist</p>
<a href="https://emmalowry.myportfolio.com/work" target="_blank" class="portfolio-button w-button">Emma's Portfolio</a>
</div>
</div>
</div>
</div>
</div>
<div class="footer">
<div class="container-6 w-container">
<div class="w-layout-grid grid-2">
<a href="https://twitter.com/BulkheadGame" target="_blank" class="link-block-2 footer-link w-inline-block"><img src="images/Twitter-social-icons---circle---white.png" loading="lazy" alt="" class="link-image"></a>
<a href="https://discord.gg/ejrAY35" target="_blank" class="link-block-2 footer-link w-inline-block"><img src="images/Discord-LogoWordmark-Color.png" loading="lazy" alt="" class="link-image"></a>
</div>
<div class="div-block-14">
<div class="text-block-4"> </div>
<div class="text-block-3">Copyright Team Sabaton 2021</div>
</div>
</div>
</div>
<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=5ec6ab71fe35e23b06b50d1e" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="js/webflow.js" type="text/javascript"></script>
<!-- [if lte IE 9]><script src="https://cdnjs.cloudflare.com/ajax/libs/placeholders/3.0.2/placeholders.min.js"></script><![endif] -->
</body>
</html>