Skip to content

How to join - without content, button fixed, Position not fixed yet #17

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

Merged
merged 7 commits into from
Oct 2, 2018
Merged

How to join - without content, button fixed, Position not fixed yet #17

Changes from all commits
Commits
Show all changes
7 commits
Select commit Hold shift + click to select a range
6d271a6
Merge pull request #2 from Aniket-Mishra/master
islamshahil Sep 23, 2018
b338e99
Nav bar mobile Update
islamshahil Sep 23, 2018
57c3d7f
Merge pull request #3 from islamshahil/master
Aniket-Mishra Sep 23, 2018
0b56758
how to join
Aniket-Mishra Oct 2, 2018
36b899c
Merge branch 'master' of https://github.com/Aniket-Mishra/codezoned.com
Aniket-Mishra Oct 2, 2018
b0ff577
Conflicts fixed
Aniket-Mishra Oct 2, 2018
c7ccb08
Merge branch 'master' into master
Aniket-Mishra Oct 2, 2018
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
75 changes: 66 additions & 9 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,5 @@
<html class="">
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-125870124-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
Expand All @@ -20,6 +19,7 @@
<link rel="stylesheet" href="assets/custom.css">
<link rel="stylesheet" type="text/css" href="assets/css/animate.css">
<scriptsrc="assets/bootstrap.min.js.download"></script>
<script src="assets/bootstrap.min.js.download"></script>
<script language="JavaScript" type="text/javascript" src="assets/custom.js.download"></script>

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, user-scalable=no">
Expand Down Expand Up @@ -163,22 +163,26 @@
#hoverbtn:hover{
background-color: red;
}
@media(max-width: 900px){

}
</style>

<title>Codezoned</title>
</head>

<body data-gr-c-s-loaded="true">
<header>
<header style="position: absolute;">
<nav class="navbar navbar-toggleable-sm navbar-fixed-top" style="background-color: black;">

<div><a href="http://www.codezoned.com" class="navbar-brand mb-0" style=""><img src="assets/img/CZmainsmall.png" style="width: 12%; min-width: 150px;"></a></div>

<button class="navbar-toggler navbar-toggler-right collapsed" type="button" data-toggle="collapse" data-target="#headerNav" aria-controls="headerNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
<span class="navbar-toggler-icon" style="color: white; width: 80px; background-color: #343434; padding-top: 2px; margin-top: 5px;">Menu</span>
</button>



<div id="headerNav" class="navbar-collapse justify-content-end collapse" aria-expanded="false" style="">
<ul class="navbar-nav">

Expand All @@ -194,8 +198,8 @@
<a class="nav-link" href="https://github.com/codezoned/ScriptsDump" target="_blank">ScriptsDump</a>
</li>
<li class="nav-item">
<a class="nav-link" href="https://github.com/codezoned/BlogCast" target="_blank">Blog Cast</a>
</li>
<a class="nav-link" href="https://github.com/codezoned/BlogCast" target="_blank">BlogCast</a>
</li>
<li class="nav-item">
<a class="nav-link" href="http://talk.codezoned.com/" target="_blank" style="color:red;">Forum</a>
</li>
Expand Down Expand Up @@ -240,8 +244,58 @@ <h1 class="display-5" style="font-family: profontwindows; word-spacing: -8px; fo
</div>
</section>

<section id="sec-about" class="sec-about pt-5 pb-5" style="background-color: #222222;">
<!-- <div class="container"> -->
<div class="row justify-content-center text-center" style="">
<div class="col-md-4 col-lg-8 animated bounceInLeft" id="animate2">
<h2 class="display-5" style="font-family: profontwindows; word-spacing: -8px; color: white;">How to Join</h2>
<div class="row">
<div class="col s12 m12">
<div class="card darken-1" style="background-color: white; min-height: 240px;">
<div class="card-content white-text">
<span class="card-title" style="color: black;"><strong>Step 1</strong> </span>
<p style="color: #9E9E9E">Join us,,,,,,,,,,,,,,,,,,</p>
</div>
<!-- <div class="card-action">
<a href="#"><div class='button -regular center' style="background-color: #2196F3; color: white;" id="hoverbtn">Check it out!</div></a>

</div> -->
</div>
</div>
<div class="col s12 m12">
<div class="card darken-1" style="background-color: white; min-height: 240px;">
<div class="card-content white-text">
<span class="card-title" style="color: black;"><strong>Step 2</strong></span>
<p style="color: #9E9E9E">zsxdcfvghbjnkml,;.'/.;l,kmjhgvfcdcfvgbhjnkm!</p>
</div>
<!-- <div class="card-action">
<a href="#"><div class='button -regular center hoverbtn' style="background-color: #2196F3; color: white;">Check it out!</div></a>

</div> -->
</div>
</div>

<div class="col s12 m12">
<div class="card darken-1" style="background-color: white; min-height: 240px;">
<div class="card-content white-text">
<span class="card-title" style="color: black;"><strong>step 3</strong> </span>
<p style="color: #9E9E9E">zsxdcfvgbhnjmkjnhbgvfcdx</p>
</div>
<!-- <div class="card-action">
<a href="#"><div class='button -regular center hoverbtn' style="background-color: #2196F3; color: white;">Check it out!</div></a>

</div> -->
</div>
</div>
</div>

</div>
</div>

</section>
<br><br>
<section class="hero">

<section class="hero">
<div class="container">
<div class="row justify-content-center text-center">
<div class="col-md-10 col-lg-8 animated bounceInRight" id="animate3">
Expand All @@ -257,6 +311,7 @@ <h3 class="lead">These are some of the events we are honoured to have organised/
</div>
</div>
</div>
</section>
<section class="hero">
<div class="jumbotron jumbotron-fluid mb-0" style="vertical-align: middle;">
<div class="container row justify-content-center text-center" style="">
Expand Down Expand Up @@ -387,9 +442,11 @@ <h3 class="display-5" style="font-family: quicksand; word-spacing: ;">Some of ou
</div>


<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="assets/bootstrap.min.js.download"></script>

<script>

$(window).scroll(function(event) {

Expand Down