123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128 |
- <!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>
- Our Process
- <hr>
- <footer id="bottom-bar">
- <ul>
- <li><a href="mailto:info@cephalopodstudios.com"><img class="follow-us" src="/images/gmail.png" alt="gmail" /></a></li>
- <li><a href="http://twitter.com/cephastudios"><img class="follow-us" src="/images/twitter.png" alt="twitter" /></a></li>
- <li><a href="https://www.facebook.com/cephalopodstudios"><img class="follow-us" src="/images/facebook.png" alt="facebook" /></a></li>
- <li><a href="http://www.youtube.com/cephalopodstudios"><img class="follow-us" src="/images/youtube.png" alt="youtube" /></a></li>
- </ul>
- 2015 Cephalopod Studios™
- </footer>
- <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
- <!-- Include all compiled plugins (below), or include individual files as needed -->
- <!-- Latest compiled and minified JavaScript -->
- <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.4/js/bootstrap.min.js"></script>
- <script>
- (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
- (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
- m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
- })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
-
- ga('create', 'UA-52532707-1', 'auto');
- ga('send', 'pageview');
-
- </script>
-
- </body>
- </html>
|