Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Improve design #23

Open
wants to merge 3 commits into
base: master
Choose a base branch
from
Open

Improve design #23

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
ece34aa
improve design
idrafttt Oct 27, 2017
2126841
update speaker, add link target
idrafttt Oct 27, 2017
5330287
link mailto
idrafttt Oct 27, 2017
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
154 changes: 102 additions & 52 deletions assets/css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,57 +1,107 @@

body{
/*background-color: #FAFAFA;*/
background-color: #293588;
}

#wrapper{
display: flex;
justify-content: center;

}

.markdown-body{
box-sizing: border-box;
padding: 10px;
width: 80%;
color: white;
font-family: 'Open Sans', sans-serif;
/*background-color: white;*/
}

#schedule{
box-sizing: border-box;
display: flex;
justify-content: space-around;
flex-wrap: wrap;
color: black;

}

#venue{
width: 40%;
margin-right: 10px;
}
body {
font-family: 'Open Sans', sans-serif;
/*background-color: #FAFAFA;*/
/* background-color: #293588; */
}
a {
color: #ff5e00 !important;
transition: 250ms;
}
a:hover {
color: #f09364 !important;
}
#wrapper {
/*display: flex;
justify-content: center;*/
}
#header {
text-align: center;
background-color: #293588;
}
#heading-tag {
font-size: 24px;
border-bottom: 1px solid rgba(255, 255, 255, .1);
margin: 0;
padding: 15px 0;
}
/* #heading-tag a:hover {
color: #f09364;
} */
#mozilla-niec-hacktoberfest {
color: #fff;
margin: 80px 0;
}

#data-time{
width: 30%;
}
#description,
#schedule,
#detail {
padding: 50px 0;
}
#description h4 {
margin-bottom: 20px;
}
#description p {}

.schedule-detail{
background-color: #ecf0f1;

padding: 5px;
border: 1px dashed black;
border-radius: 10px;

#schedule {
background-color: #FAFAFA;
}
.schedule-detail {
padding: 15px;
border: 1px solid #ddd;
background-color: #fff;
}
.schedule-detail h3 {
margin-top: 10px;
}
#register {
box-sizing: border-box;
margin-top: 40px;
display: flex;
justify-content: center;
}
.btn-register {
color: #fff !important;
border-radius: 0;
background-color: #ff5e00;
width: 180px;
}
.btn-register:hover {
color: #fff !important;
box-shadow: 0 4px 12px -2px rgba(0,0,0,.3);
transform: scale(1.1);
}
#detail {
padding: 50px 0;
}
#detail #sponsors {
margin-top: 0;
}
#footer {
text-align: right;
border-top: 1px solid #eee;
padding: 15px 0;
}
#footer p {
margin-bottom: 0;
}
#register{
box-sizing: border-box;
margin-top: 40px;
display: flex;
justify-content: center;
}

a{
color: #ff5e00 !important;
}
@media (max-width: 767px) {
#mozilla-niec-hacktoberfest {
margin: 50px 0;
}
#description,
#schedule,
#detail {
padding: 30px 0;
}
#schedule {
background-color: #FAFAFA;
}
#data-time {
margin-top: 20px;
}
#register {
margin-top: 20px;
}
}
173 changes: 90 additions & 83 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,108 +1,115 @@

<!DOCTYPE html>
<html lang="en">
<head>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Begin Jekyll SEO tag v2.3.0 -->
<title>Mozilla NIEC Hacktoberfest | Hacktoberfest</title>
<meta property="og:title" content="Mozilla NIEC Hacktoberfest" />
<meta property="og:locale" content="en_US" />
<meta name="description" content="Mozilla-NIEC Hacktoberfest Website" />
<meta property="og:description" content="Mozilla-NIEC Hacktoberfest Website" />
<link rel="canonical" href="https://moz-niec.github.io/Hacktoberfest/" />
<meta property="og:url" content="https://moz-niec.github.io/Hacktoberfest/" />
<meta property="og:site_name" content="Hacktoberfest" />
<script type="application/ld+json">
{"name":"Hacktoberfest","description":"Mozilla-NIEC Hacktoberfest Website","author":null,"@type":"WebSite","url":"https://moz-niec.github.io/Hacktoberfest/","image":null,"publisher":null,"headline":"Mozilla NIEC Hacktoberfest","dateModified":null,"datePublished":null,"sameAs":null,"mainEntityOfPage":null,"@context":"http://schema.org"}</script>
<!-- End Jekyll SEO tag -->
<!-- Begin Jekyll SEO tag v2.3.0 -->
<title>Mozilla NIEC Hacktoberfest | Hacktoberfest</title>
<meta property="og:title" content="Mozilla NIEC Hacktoberfest" />
<meta property="og:locale" content="en_US" />
<meta name="description" content="Mozilla-NIEC Hacktoberfest Website" />
<meta property="og:description" content="Mozilla-NIEC Hacktoberfest Website" />
<link rel="canonical" href="https://moz-niec.github.io/Hacktoberfest/" />
<meta property="og:url" content="https://moz-niec.github.io/Hacktoberfest/" />
<meta property="og:site_name" content="Hacktoberfest" />
<script type="application/ld+json">
{"name":"Hacktoberfest","description":"Mozilla-NIEC Hacktoberfest Website","author":null,"@type":"WebSite","url":"https://moz-niec.github.io/Hacktoberfest/","image":null,"publisher":null,"headline":"Mozilla NIEC Hacktoberfest","dateModified":null,"datePublished":null,"sameAs":null,"mainEntityOfPage":null,"@context":"http://schema.org"}</script>
<!-- End Jekyll SEO tag -->

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/github-markdown-css/2.9.0/github-markdown.css">

<!-- adding animate.css -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.5.2/animate.min.css">
<!-- Adding Bootstrap -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

<!-- Adding Open Sans font -->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans">
<!-- Link to Actual CSS File -->
<link rel="stylesheet" href="assets/css/style.css">
</head>

<body>
<div id="wrapper">
<div class="container-lg px-3 my-5 markdown-body">

<h1><a href="https://moz-niec.github.io/Hacktoberfest/">Hacktoberfest</a></h1>


<h1 id="mozilla-niec-hacktoberfest">Mozilla NIEC Hacktoberfest</h1>
<h4 id="support-open-source-and-earn-a-limited-edition-t-shirt">Support Open Source and earn a limited edition T-shirt</h4>
</head>

<p>We’re hosting an in-person meetup at NIEC on 28th October, from 10 am - 3 pm, to gather all free and open source enthusiasts from the Delhi city to contribute to open source projects together.</p>
<body>
<div id="wrapper">
<div id="header">
<div class="container">
<h1 id="heading-tag"><a href="https://moz-niec.github.io/Hacktoberfest/" target="_blank">Hacktoberfest</a></h1>

<p>Hacktoberfest is an annual month-long event to celebrate and encourage more developers to become involved with open source software. It’s open for anyone, especially beginners just getting started with open source!</p>

<p>In this meetup, we’ll take a beginner friendly session on Git and GitHub.</p>
<h1 id="mozilla-niec-hacktoberfest">Mozilla NIEC Hacktoberfest</h1>
</div>
</div>
<div id="description">
<div class="container">
<h4 id="support-open-source-and-earn-a-limited-edition-t-shirt">Support Open Source and earn a limited edition T-shirt</h4>

<p>We’re hosting an in-person meetup at NIEC on 28th October, from 10 am - 3 pm, to gather all free and open source enthusiasts from the Delhi city to contribute to open source projects together.</p>
<p>Hacktoberfest is an annual month-long event to celebrate and encourage more developers to become involved with open source software. It’s open for anyone, especially beginners just getting started with open source!</p>
<p>In this meetup, we’ll take a beginner friendly session on Git and GitHub.</p>
<p>The most active contributos, who make at least 4 PR’s merged, will receive T-shirts sponsored by Digital Ocean.</p>
</div>
</div>

<p>The most active contributors, who make at least 4 PR’s merged, will receive T-shirts sponsored by Digital Ocean.</p>
<div id="schedule">
<div id="venue" class="schedule-detail ">
<h3 >Venue:</h3>
<p>Room No. 4202 , Northern India Engineering College</p>
</div>

<div id="data-time" class="schedule-detail ">
<h3>Date | Time</h3>
<p>28th October | 10 am - 3 pm</p>
</div>

<div class="container">
<div class="row">
<div class="col-sm-10 col-sm-offset-1">
<div class="row">
<div class="col-sm-6">
<div id="venue" class="schedule-detail">
<h3 >Venue:</h3>
<p>Room No. 4202 , Northern India Engineering College</p>
</div>
</div>
<div class="col-sm-6">
<div id="data-time" class="schedule-detail">
<h3>Date | Time</h3>
<p>28th October | 10 am - 3 pm</p>
</div>
</div>
</div>
<div id="register">
<div class="register-button animated zoomIn">
<!-- add the registeration link here -->
<a href="https://docs.google.com/forms/d/e/1FAIpQLSdAI59hq4rGSIFj1jhh_54aWOOOhM3aaRr00Qdogul7sMG4LQ/viewform?usp=sf_link" class="btn btn-lg btn-register">Register</a>
</div>
</div>
</div>
</div>
</div>
</div>

<div id="register">
<div class="register-button animated zoomIn">

<!-- add the registeration link here -->
<a href="https://docs.google.com/forms/d/e/1FAIpQLSdAI59hq4rGSIFj1jhh_54aWOOOhM3aaRr00Qdogul7sMG4LQ/viewform?usp=sf_link">
<button type="button" class="btn btn-danger btn-lg">Register</button>
</a>

</div>
<div id="detail">
<div class="container">
<h3 id="sponsors">Sponsors :</h3>
<ul>
<li>T-shirt* by Digital Ocean &amp; GitHub</li>
<li>You can also reedem $10 credit in infrastructure at <a href="https://do.co/hacktoberfest17" target="_blank">Digital Ocean</a>.</li>
<li>Win swag from various FOSS organisations</li>
</ul>

<p>For Partnership/Sponsorship opportunities, contact <a href="https://mozillians.org/en-US/u/championshuttler/" target="_blank">Shivam Singhal</a> at <a href="mailto:championshuttler@gmail.com">championshuttler@gmail.com</a> , 9310945854</p>

<h3 id="main-organiser">Main Organiser :</h3>
<p>
<a href="https://mozillians.org/en-US/u/pushpita.dey/" target="_blank">Pushpita Dey</a><br />
<a href="https://mozillians.org/en-US/u/championshuttler/" target="_blank">Shivam Singhal</a>
</p>

<h3 id="speaker">Speaker :</h3>
<p>
<a href="https://mozillians.org/en-US/u/championshuttler/" target="_blank">Shivam Singhal</a> <br />
<a href="https://github.com/geekychaser/" target="_blank">Rishabh Kr Bothra</a> <br />
<a href="https://github.com/rbrishabh/" target="_blank">Rishabh Budhiraja </a> <br />
Mozilla NIEC Ignited Minds
</p>
</div>
</div>



<h3 id="sponsors">Sponsors:</h3>
<ul>
<li>T-shirt* by Digital Ocean &amp; GitHub</li>
<li>You can also reedem $10 credit in infrastructure at <a href="do.co/hacktoberfest17">Digital Ocean</a>.</li>
<li>Win swag from various FOSS organisations</li>
</ul>

<p>For Partnership/Sponsorship opportunities, contact <a href="https://mozillians.org/en-US/u/championshuttler/">Shivam Singhal</a> at championshuttler@gmail.com , 9310945854</p>

<h3 id="main-organiser">Main Organiser:</h3>
<p><a href="https://mozillians.org/en-US/u/pushpita.dey/">Pushpita Dey</a><br />
<a href="https://mozillians.org/en-US/u/championshuttler/">Shivam Singhal</a></p>

<h3 id="speaker-">Speaker :</h3>
<p><a href="https://mozillians.org/en-US/u/championshuttler/">Shivam Singhal</a> <br />
Mozilla NIEC Ignited Minds</p>



<div class="footer border-top border-gray-light mt-5 pt-3 text-right text-gray">
This site is open source. <a href="https://github.com/Moz-NIEC/Hacktoberfest/edit/master/README.md">Improve this page</a>.
<div id="footer">
<div class="container">
<p>This site is open source.
<a href="https://github.com/Moz-NIEC/Hacktoberfest/edit/master/README.md">Improve this page</a>.</p>
</div>
</div>

</div>

</div>

</div>

<script src="/Hacktoberfest/assets/javascript/anchor-js/anchor.min.js"></script>
<script>anchors.add();</script>
</body>
</body>
</html>