Skip to content

Instantly share code, notes, and snippets.

@onyb

onyb/maker.html

Last active January 1, 2016 00:19
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save onyb/8066070 to your computer and use it in GitHub Desktop.
Save onyb/8066070 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
maker.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8"><!--
_.-~-.
7'' Q..\
_7 (_
_7 _/ _q. /
_7 . ___ /VVvv-'_ .
7/ / /~- \_\\ '-._ .-' / //
./ ( /-~-/||'=.__ '::. '-~'' { ___ / // ./{
V V-~-~| || __''_ ':::. ''~-~.___.-'' _/ // / {_ / { /
VV/-~-~-|/ \ .'__'. '. ':: _ _ _ ''.
/ /~~~~||VVV/ / \ ) \ _ __ ___ ___ ___(_) | | __ _ .::'
/ (~-~-~\\.-' / \' \::::. | '_ ` _ \ / _ \_ / | | |/ _` | :::'
/..\ /..\__/ ' '::: | | | | | | (_) / /| | | | (_| | ::'
vVVv vVVv ': |_| |_| |_|\___/___|_|_|_|\__,_| ''
Hi there, nice to meet you!
Interested in having a direct impact on hundreds of millions of users? Join
Mozilla, and become part of a global community that’s helping to build a
brighter future for the Web.
Visit https://www.mozilla.org/contribute for more ways to get involved and
help support Mozilla.-->
<title>Mozilla Maker Party</title>
<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.3.0/pure-min.css">
<link rel="stylesheet" href="http://purecss.io/combo/1.8.1?/css/main.css&/css/home.css&/css/rainbow/baby-blue.css">
</head>
<body>
<div class="pure-u-1-2">
<div class="l-box">
<center>
<a href="http://www.google.co.in">
<img src="http://nolongerboringinbed.com/images/ordernowred.jpg">
</a>
</center>
</div>
</div>
<div class="pure-g-r" id="layout">
<a href="#menu" id="menuLink" class="menu-link">
<span></span>
</a>
<div class="pure-u-1" id="main">
<div class="hero">
<div class="hero-titles">
<h1>Wait!</h1>
<h2>Sadly internet has become a repository of malicious websites and spammy download links. We are trying to make it better.</h2>
</div>
<div class="hero-cta">
<p>
<a class="pure-button pure-button-cta" href="http://www.mozilla.org/">Visit our website</a>
<a class="pure-button pure-button-secondary" href="http://www.mozilla.org/en-US/contribute/">Contribute</a>
</p>
</div>
</div>
<div class="marketing-ribbon">
<div class="size-chart l-vbox pure-g">
<div class="size-chart-item size-chart-base pure-u" style="width: 20.1730%;">
<a class="size-chart-label" href="http://purecss.io/base/">
Firefox <span class="size-chart-size"></span>
</a>
</div>
<div class="size-chart-item size-chart-grids pure-u" style="width: 14.6891%;">
<a class="size-chart-label" href="http://purecss.io/grids/">
Thunderbird <span class="size-chart-size"></span>
</a>
</div>
<div class="size-chart-item size-chart-forms pure-u" style="width: 23.7310%;">
<a class="size-chart-label" href="http://purecss.io/forms/">
Bugzilla <span class="size-chart-size"></span>
</a>
</div>
<div class="size-chart-item size-chart-buttons pure-u" style="width: 13.5466%;">
<a class="size-chart-label" href="http://purecss.io/buttons/">
Webmaker <span class="size-chart-size"></span>
</a>
</div>
<div class="size-chart-item size-chart-tables pure-u" style="width: 8.1116%;">
<a class="size-chart-label" href="http://purecss.io/tables/">
Firefox OS <span class="size-chart-size"></span>
</a>
</div>
<div class="size-chart-item size-chart-menus pure-u" style="width: 19.7487%;">
<a class="size-chart-label" href="http://purecss.io/menus/">
Marketplace <span class="size-chart-size"></span>
</a>
</div>
</div>
<div class="content">
<div class="l-box">
<h3>Our mission is to promote openness, and innovation on the Web</h3>
<p>
At Mozilla, we are a global community of technologists, thinkers and builders working together to keep the Internet alive and accessible, so people
worldwide can be informed contributors and creators of the Web. We believe this act of human collaboration across an open platform is essential to individual growth
and our collective future.
</p>
</div>
</div>
</div>
<div class="pure-g-r marketing-ribbon">
<div class="pure-u-1-3">
<div class="l-box">
<h3>A community of more than 450 million users, and counting.</h3>
<p>
The success of our mission depends on participation from people like you.
</p>
</div>
</div>
<div class="pure-u-1-3">
<div class="l-box">
<h3>Why we are so cool.</h3>
<p>
At Mozilla, we are a global community of technologists, thinkers and builders working together to keep the Internet alive and accessible, so people
worldwide can be informed contributors and creators of the Web. We believe this act of human collaboration across an open platform is essential to individual growth
and our collective future.
</p>
</div>
</div>
<div class="pure-u-1-3">
<div class="l-box">
<h3>Stays out of your way.</h3>
<p>
To be precise, we are not IE. No offence intended.
</p>
</div>
</div>
</div>
<div class="pure-g-r marketing-ribbon">
<div class="pure-u-1-2">
<div class="l-box">
<a href="http://purecss.io/layouts/">
<img src="https://blog.mozilla.org/beyond-the-code/files/2012/10/French-speaking-mozilla-community.jpg">
</a>
</div>
</div>
<div class="pure-u-1-2">
<div class="l-hbox">
<h3>Discover Mozilla</h3>
<p>
Mozilla exists to promote openness, innovation and opportunity on the Internet. We have been doing it for 15 years and the following 15 facts offer a
look at who we are, including some of our biggest achievements and milestones. But in some ways we’re just getting started, exploring new technology, entering new
areas and reaching new users every day.
</p>
</div>
</div>
</div>
<div class="legal pure-g-r">
<div class="pure-u-2-5">
<div class="l-box">
<p class="legal-license">
This site is built with &lt;3 at Mozilla Maker Party, CET Bhubaneswar<br>
</p>
</div>
</div>
<div class="pure-u-2-5">
<div class="l-box">
<ul class="legal-links">
<li><a href="http://fb.com/ani.bose">I am on Facebook</a></li>
</ul>
<p class="legal-copyright">
&copy; Copyright? Remix this website and spread the word.
</p>
</div>
</div>
</div>
</div>
</div>
<script src="http://purecss.io/combo/1.8.1?/js/ui.js&/vendor/rainbow/rainbow-min.js"></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment