56 lines
1.8 KiB
HTML
Executable File
56 lines
1.8 KiB
HTML
Executable File
<!DOCTYPE html>
|
|
<html lang="en-CA">
|
|
<head>
|
|
<link rel="stylesheet" href="shrimpy-styles.css"/>
|
|
<link rel="stylesheet" href="shrimpy-grid.css"/>
|
|
<script src="shrimply-the-best.js"></script>
|
|
</head>
|
|
<body>
|
|
<section class="we-are-shrimp-squad">
|
|
<img src="assets/shrimp.png"/>
|
|
SHRIMP SQUAD
|
|
<img class="flip" src="assets/shrimp.png"/>
|
|
</section>
|
|
<section>
|
|
<div class="shrimp-info">
|
|
<div> We are Shrimp Squad and we make things. There's no project we can't mantis punch. Shrimply take a look at what we're known for.</div>
|
|
<button type="button" onclick="scrollToProjects()">Dive into Seafood Delights</button>
|
|
</div>
|
|
</section>
|
|
<section class="shrimp-hero">
|
|
<img src="assets/hero-shrimp.png"/>
|
|
</section>
|
|
<section class="shrimp-projects">
|
|
<section class="shrimp-project-list">
|
|
<div onclick="getProjectData('biotama')">BIOTAMA</div>
|
|
<div onclick="getProjectData('htp')">HACK THE PLANET</div>
|
|
</section>
|
|
<section id="shrimp-project-content">
|
|
<div class="upper">
|
|
<img id="image-left" class="smol-image"/>
|
|
<div><p id="project-content"></p></div>
|
|
<img id="image-right" class="smol-image"/>
|
|
</div>
|
|
<img id="image-central"/>
|
|
</section>
|
|
</section>
|
|
<section class="footer">
|
|
<div>this is a cool footer</div>
|
|
</section>
|
|
</body>
|
|
</html>
|
|
|
|
|
|
<!-- cookies? we only offer shrimp
|
|
Turn dive into seafood delights into a cookies bar popup?
|
|
|
|
todo list
|
|
- style text in game descriptions
|
|
- more shrimpy font
|
|
- silly cookie bar (maybe)
|
|
- replace photos for htp & website
|
|
- htp description
|
|
- shrimp profiles (about us)
|
|
- menu i guess
|
|
- animations
|
|
--> |