12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
- <!--
- ___ .oOOOo. o o o
- .-' `'. .O o O O O
- / \ o o o o
- | ; o O O o
- | | ___. -, o .oOo. .oOo. OoOo. .oOoO' o .oOo. .oOo. .oOo. .oOoO
- _.._ |0) ~ (0) | _.-~-'`__.-( (_. O OooO' O o o o O o O O o O o O o o O
- __.-~'`_.. '.__.\ '~-. \_.-' ,.~-'` `""` `o .o O o O o O o O o o O o O o O O o
- ( ,.~-'` ',__ /./; ;, '.__.'` __ `OoooO' `OoO' oOoO' O o `OoO'o Oo `OoO' oOoO' `OoO' `OoO'o
- _`) ) .- -.__.' / | |\ \__..~-"" """-~.,_ O O
- `-~-' .'.''-._.-'`_./ /\ '. \ _.-~~~````~~~-._`-.__.' o' o'
- | | .' _.-' | | \ \ '. `~-~-` .oOOOo. o
- \ \/ .' \ \ '. '-._) o o O o
- \/ / \ \ `=.__`~-. O. O o
- / /\ `) ) / / `"".`\ `OOoo. oOo o
- , _.-'.'\ \ / / ( ( / / `O o O o .oOoO O .oOo. .oOo
- `-~~` ) ) .-'.' '.'. | ( o O o O o O o O o `Ooo.
- (/` ( (` ) ) '-; O. .O o O o O o O o O O
- ` '-; (-' `oooO' `oO `OoO'o `OoO'o o' `OoO' `OoO'
- -->
- <title>Cephalopod Studios™</title>
- <!-- Bootstrap -->
- <!-- Latest compiled and minified CSS -->
- <link rel="stylesheet"
- href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/css/bootstrap.min.css" />
- <style type="text/css">
- #header-logo {
- background: url("/images/cepha_header_logo_s.png");
- background-size: 307px 50px;
- background-repeat: no-repeat;
- width: 320px;
- height: 50px;
- }
- #bottom-bar {
- text-align: center;
- }
- #bottom-bar ul li {
- margin: 0;
- padding: 0;
- display: inline;
- }
- #bottom-bar .follow-us {
- width: 50px;
- }
- </style>
- </head>
- <body>
- <!-- Static navbar -->
- <nav class="navbar navbar-default">
- <div class="container-fluid">
- <div class="navbar-header">
- <button type="button" class="navbar-toggle collapsed"
- data-toggle="collapse" data-target="#navbar" aria-expanded="false"
- aria-controls="navbar">
- <span class="sr-only">Toggle navigation</span> <span
- class="icon-bar"></span> <span class="icon-bar"></span> <span
- class="icon-bar"></span>
- </button>
- <a id="header-logo" class="navbar-brand" href="/"></a>
- </div>
- <div id="navbar" class="navbar-collapse collapse">
- <ul class="nav navbar-nav">
- <li class="active"><a href="/">Home</a></li>
- <li class="dropdown"><a href="#" class="dropdown-toggle"
- data-toggle="dropdown" role="button" aria-expanded="false">Games <span
- class="caret"></span></a>
- <ul class="dropdown-menu" role="menu">
- <li class="dropdown-header">Magic Apps</li>
- <li><a href="/games/cardtrick">APPEAR! Cards</a></li>
- <li><a href="#">APPEAR! Zodiac</a></li>
- <li class="divider"></li>
- <li class="dropdown-header">Games</li>
- <li><a href="#">Project Strawberry</a></li>
- <li><a href="#">TBD</a></li>
- </ul></li>
- <li><a href="/process">Process</a></li>
- <li><a href="/contact-us">Contact</a></li>
- <li><a href="/jobs">Jobs</a></li>
- </ul>
- </div>
- <!--/.nav-collapse -->
- </div>
- <!--/.container-fluid -->
- </nav>
|