Skip to content

Commit

Permalink
Merge pull request #1 from sourabhrupani/sourabh
Browse files Browse the repository at this point in the history 
Initial Commit: HTML Skeleton
  • Loading branch information
@rowhitswami
rowhitswami authored Jan 29, 2018
2 parents 248ae76 + a889e06 commit 8a1ab9d
Show file tree
Hide file tree
Showing 3 changed files with 456 additions and 0 deletions.
195 changes: 195 additions & 0 deletions index.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,195 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<title>GirlScript Foundation</title>

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/jquery.fullpage/2.5.9/jquery.fullPage.min.css">
<link rel="stylesheet" type="text/css" href="style.css">
</head>

<body class="cover-image" id="header-image">
<nav class="navbar navbar-default av-navbar col-sm-2 col-xs-12">
<nav class="container-fluid navbar-container">
<div class="navbar-header">
<h1 class="navbar-title">Girlscript</h1>
</div>
<div class="collapse navbar-collapse" id="navbar-collapse-1">
<div class="navbar-menu-wrapper">
<ul id="navbar-menu">
<li data-menuanchor="section-landing">
<a href="#section-landing">Welcome</a>
</li>
<li data-menuanchor="section-about">
<a href="#section-about">About</a>
</li>
<li data-menuanchor="section-statistics">
<a href="#section-statistics">Statistics</a>
</li>
<li data-menuanchor="section-features">
<a href="#section-features">Features</a>
</li>
<li data-menuanchor="section-gallery">
<a href="#section-gallery">Gallery</a>
</li>
<li data-menuanchor="section-pricing">
<a href="#section-pricing">Pricing</a>
</li>
<li data-menuanchor="section-testimonials">
<a href="#section-testimonials">Testimonials</a>
</li>
<li data-menuanchor="section-signup">
<a href="#section-signup">Sign Up</a>
</li>
<li data-menuanchor="section-findus">
<a href="#section-findus">Find Us</a>
</li>
</ul>
</div>
</div>
</nav>
</nav>

<div id="fullpage" class="col-sm-10 col-xs-12">

<!-- Landing -->
<div class="section section-gallery" data-anchor="section-gallery">
<div class="section-content container-fluid">
<div class="section-header">
<h1>Welcome</h1>
</div>
<div class="section-main container">
<div class="row">
Random Message
<hr>
paragraph 1
<hr>
paragraph 2
</div>
</div>
</div>
</div>

<!-- Mini About -->
<div class="section section-about" data-anchor="section-about">
<div class="section-content container-fluid">
<div class="section-header">
<h1>About</h1>
</div>
<div class="section-main flex">
<div class="container vertical-wrapper">


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

<!-- Statistics -->
<div class="section section-statistics" data-anchor="section-statistics">
<div class="section-content container-fluid">
<div class="section-header">
<h1>Statistics</h1>
</div>
<div class="section-main flex">
<div class="vertical-wrapper container">

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

<!-- Features -->
<div class="section section-features" data-anchor="section-features">
<div class="section-content container-fluid">
<div class="section-header">
<h1>Features</h1>
</div>
<div class="section-main container">

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

<!-- Gallery -->
<div class="section section-gallery" data-anchor="section-gallery">
<div class="section-content container-fluid">
<div class="section-header">
<h1>gallery</h1>
</div>
<div class="section-main container">
<div class="row">

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

<!-- Pricing -->
<div class="section section-pricing" data-anchor="section-pricing">
<div class="section-content container-fluid">
<div class="section-header">
<h1>Pricing</h1>
</div>
<div class="section-main container">
<div class="row">

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

<!-- Testimonials -->
<div class="section section-testimonials" data-anchor="section-testimonials">
<div class="section-content container-fluid">
<div class="section-header">
<h1>Testimonials</h1>
</div>
<div class="section-main container">
<div class="row">

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

<!-- Testimonials -->
<div class="section section-find-us" data-anchor="section-find-us">
<div class="section-content container-fluid">
<div class="section-header">
<h1>Sign Up</h1>
</div>
<div class="section-main container">
<div class="row">

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

<!-- Where we are -->
<div class="section section-find-us" data-anchor="section-findus">
<div class="slide" id="slide1">
<div class="section-content container-fluid">

</div>
</div>
<div class="slide" id="slide2">
<div class="section-content container-fluid">

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

</div>
<!-- End of #fullpage -->

<script src="https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.fullpage/2.5.9/jquery.fullPage.min.js"></script>
<script src="javascript.js"></script>

</body>
</html>
19 changes: 19 additions & 0 deletions javascript.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,19 @@
$(document).ready(function() {
$('#fullpage').fullpage({
verticalCentered: false,
anchors: [
'section-landing',
'section-about',
'section-statistics',
'section-features',
'section-gallery',
'section-pricing',
'section-testimonials',
'section-signup',
'section-findus'
],
menu: '#navbar-menu',
normalScrollElements: '.section-main',
navigation: true
});
})
Loading

0 comments on commit 8a1ab9d

Please sign in to comment.