Skip to content

Commit

Permalink
Browse files Browse the repository at this point in the history
marissa mayer case study
  • Loading branch information
jzc16101 committed Mar 5, 2020
1 parent d3acb1e commit ee92f52
Show file tree
Hide file tree
Showing 12 changed files with 5,840 additions and 258 deletions.
89 changes: 57 additions & 32 deletions css-showcase-midterm.html
Expand Up @@ -25,40 +25,65 @@
<![endif]-->

<!-- Add your site or application content here -->
<header>
<!--Neon Text Animation-->
<div class="wrapper">
<div class="neon-wrapper">
<span class="txt" >CSS Animations by Jamison Cote</span>
<span class="gradient"></span>
<span class="dodge"></span>
</div>
<div id='wrap'>
<input type='checkbox'>
<div class='back'>
<b>&larr;</b>
</div>
<div class='frame'>
<input checked='checked' id='rad1' name='rad' type='radio'>
<input id='rad2' name='rad' type='radio'>
<input id='rad3' name='rad' type='radio'>
<div class='nav'></div>
<div class='nav'></div>
<div class='nav'></div>
<div class='indicator'></div>
<div class='inner'>
<div class='content'>
<h1 data-splitting='chars'>Css Animations by Jamison Cote</h1>
<p>Donec orci lectus, aliquam ut, faucibus non, euismod id, nulla. Integer tincidunt. Praesent turpis. Nulla neque dolor, sagittis eget, iaculis quis, molestie non, velit.</p>
</div>
<div class='content'>
<h1 data-splitting='chars'>Pellentesque commodo eros</h1>
<p>Morbi ac felis. Sed aliquam ultrices mauris. Quisque id odio. Cras sagittis. Fusce vulputate eleifend sapien.</p>
</div>
<div class='content'>
<h1 data-splitting='chars'>Fusce risus nisl viverra</h1>
<p>Vestibulum rutrum, mi nec elementum vehicula, eros quam gravida nisl, id fringilla neque ante vel mi. Quisque id odio. Fusce fermentum.</p>
</div>
<div class='more'>
<b>&rarr;</b>
<b>&rarr;</b>
<b>&rarr;</b>
</div>
<div class='images'>
<div>
<div class='image'></div>
</div>
<div>
<div class='image'></div>
</div>
<div>
<div class='image'></div>
</div>
</div>
</div>
</header>
<div class="section1">
<!--text animation-->
<div id=container>
I Think
<div id=flip>
<div><div>Web Design</div></div>
<div><div>UConn</div></div>
<div><div>Connecticut</div></div>
</div>
Is Awesome!
<div class='box'>
<div class='internal'>
<p>Sed mollis, eros et ultrices tempus, mauris ipsum aliquam libero, non adipiscing dolor urna a orci. Cras varius. Vivamus laoreet. Donec vitae sapien ut libero venenatis faucibus. Vestibulum turpis sem, aliquet eget, lobortis pellentesque, rutrum eu, nisl.</p>
<div class='image'></div>
</div>
<div class='internal'>
<p>Phasellus viverra nulla ut metus varius laoreet. Vestibulum turpis sem, aliquet eget, lobortis pellentesque, rutrum eu, nisl. Duis lobortis massa imperdiet quam. Aenean vulputate eleifend tellus. Morbi mollis tellus ac sapien.</p>
<div class='image'></div>
</div>
<div class='internal'>
<p>Praesent metus tellus, elementum eu, semper a, adipiscing nec, purus. Aenean commodo ligula eget dolor. Vestibulum fringilla pede sit amet augue. Fusce convallis metus id felis luctus adipiscing. Ut id nisl quis enim dignissim sagittis.</p>
<div class='image'></div>
</div>
</div>
</div>
<div class="section2">
<!--Flame animation-->
<div class="flame-wrapper">
<div class="flame red"></div>
<div class="flame orange"></div>
<div class="flame gold"></div>
<div class="flame white"></div>
<div class="base blue"></div>
<div class="base black"></div>
</div>
</div>
<!--Loader Animation-->
</div>
</div>


<script src="js/vendor/modernizr-3.8.0.min.js"></script>
Expand Down

0 comments on commit ee92f52

Please sign in to comment.