Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
15 changes: 8 additions & 7 deletions css/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -79,20 +79,20 @@ body{ font:16px/24px Helvetica, Helvetica Neue, Arial, sans-serif; }
ALL: Orange Theme
=================== */

#header-container{ border-bottom: 20px solid #e44d26; }
#footer-container{ border-top: 20px solid #e44d26; }
#main aside { border-top: 20px solid #e44d26; }
#header-container{ border-bottom: 20px solid #232c36; }
#footer-container{ border-top: 20px solid #232c36; }
#main aside { border-top: 20px solid #232c36; }

#header-container,
#footer-container,
#main aside{
background:#f16529;
background:#435468;
}

#title{ color:white; }

::-moz-selection { background: #f16529; color: #fff; text-shadow: none; }
::selection { background: #f16529; color: #fff; text-shadow: none; }
::-moz-selection { background: #435468; color: #fff; text-shadow: none; }
::selection { background: #435468; color: #fff; text-shadow: none; }

/* ==============
MOBILE: Menu
Expand All @@ -103,7 +103,7 @@ nav a{
margin-bottom:10px;
padding:15px 0;

background:#e44d26;
background:#232c36;
color:white;

text-align:center;
Expand All @@ -117,6 +117,7 @@ nav a:hover, nav a:visited{

nav a:hover{
text-decoration:underline;
background:#456488;
}

/* ==============
Expand Down
51 changes: 31 additions & 20 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -7,9 +7,9 @@
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

<title></title>
<meta name="description" content="">
<meta name="author" content="">
<title>arbie - we have the deets!</title>
<meta name="description" content="Lambda School Hackathon Gemini Project">
<meta name="authors" content="">

<meta name="viewport" content="width=device-width,initial-scale=1">

Expand All @@ -21,12 +21,13 @@

<div id="header-container">
<header class="wrapper clearfix">
<h1 id="title">h1#title</h1>
<h1 id="title">arbie - we have the deets!</h1>
<nav>
<ul>
<li><a href="#">nav ul li a</a></li>
<li><a href="#">nav ul li a</a></li>
<li><a href="#">nav ul li a</a></li>
<li><a href="#">arbie</a></li>
<li><a href="#">chart</a></li>
<li><a href="#">data</a></li>
<li><a href="#">team</a></li>
</ul>
</nav>
</header>
Expand All @@ -36,34 +37,44 @@ <h1 id="title">h1#title</h1>

<article>
<header>
<h1>article header h1</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec.</p>
<h2>about arbie</h2>
<p>arbie is a web app to provide trading signals enabling inter-exchange arbitrage of Bitcoin and Ethereum cryptocurrencies.</p>
</header>
<section>
<h2>article section h2</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.</p>
<h2>the chart</h2>
<p>It would be nice to have a graph here, and link it to the full page app.</p>
</section>
<section>
<h2>article section h2</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices. Proin in est sed erat facilisis pharetra.</p>
<h2>historical data</h2>
<p>A report to show which exchanges had the best spreads as far back as we've analyzed the data.</p>
</section>
<section>
<h2>the team</h2>
<p>Kairat Abylkasymov</p>
<p>Brandon Fizer</p>
<p>Abby Tiffany</p>
<p>Lorin Fields</p>
<p>Troy Bradley</p>
</section>
<footer>
<h3>article footer h3</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor.</p>
</footer>
</article>

<aside>
<h3>aside</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam sodales urna non odio egestas tempor. Nunc vel vehicula ante. Etiam bibendum iaculis libero, eget molestie nisl pharetra in. In semper consequat est, eu porta velit mollis nec. Curabitur posuere enim eget turpis feugiat tempor. Etiam ullamcorper lorem dapibus velit suscipit ultrices.</p>
<h3>Roadmap</h3>
<p>Future plans are to include more exchanges, cryptocurrencies, and user settings. We'll also be adding more technical indicators to inform our trading signals.</p>
<p>MVP - Lambda Hackathon</p>
<p>Additional Exchanges</p>
<p>Additional Cryptocurrencies</p>
<p>Build your own algorithm</p>
<p></p>
</aside>

</div> <!-- #main -->
</div> <!-- #main-container -->

<div id="footer-container">
<footer class="wrapper">
<h3>footer</h3>
<h3>footer - aka legalese</h3>
<p>This is in no way to be considered investment advice. Investing in anything is risky, especially cryptocurrencies. Consult the professional of your choice before investing in anything.</p>
</footer>
</div>

Expand Down