Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
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
212 changes: 212 additions & 0 deletions index1.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,212 @@
<!--A Design by W3layouts
Author: W3layout
Author URL: http://w3layouts.com
License: Creative Commons Attribution 3.0 Unported
License URL: http://creativecommons.org/licenses/by/3.0/
-->
<!DOCTYPE HTML>
<html>
<head>
<title>SpaceSword</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600' rel='stylesheet' type='text/css'>
<link href="css/style.css" rel="stylesheet" type="text/css" media="all" />
<script src="js/jquery.min.js"></script>
<!---start-login-script--->
<script src="js/login.js"></script>
<!---//End-login-script--->
<!-----768px-menu----->
<link type="text/css" rel="stylesheet" href="css/jquery.mmenu.all.css" />
<script type="text/javascript" src="js/jquery.mmenu.js"></script>
<script type="text/javascript">
// The menu on the left
$(function() {
$('nav#menu-left').mmenu();
});
</script>
<!-----//768px-menu----->
</head>
<body>
<div class="content">
<!------start-768px-menu---->
<div id="page">
<div id="header">
<a class="navicon" href="#menu-left"> </a>
</div>
<nav id="menu-left">
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="http://spacesword.in/about">About</a></li>
<li><a href="http://spacesword.in">Blog</a></li>
<div class="clear"> </div>
</ul>
</nav>
</div>
<!------end-768px-menu---->
<!---start-header---->
<div class="header">
<!---start-wrap---->
<div class="wrap">
<div class="header-left">
<div class="logo">
<a href="index.html"><br><img src="images/logo1.jpg" width="250"/></a>
</div>
</div>
<div class="header-right">
<div class="top-nav">
<ul>
<li class="active"><a href="index.html">Home</a></li>
<li><a href="http://spacesword.in/about">About</a></li>
<li><a href="http://spacesword.in">Blog</a></li>
</ul>
</div>

</div>
</div>
<!-- <div class="sign-ligin-btns"> -->
<!-- <ul> -->
<!--
<li id="loginContainer"><a class="login" id="loginButton" href="#"><span>LOGIN</span></a>
<div class="clear"> </div>
<div id="loginBox">
<form id="loginForm">
<fieldset id="body">
<fieldset>
<label for="email">Email Address</label>
<input type="text" name="email" id="email" />
</fieldset>
<fieldset>
<label for="password">Password</label>
<input type="password" name="password" id="password" />
</fieldset>
<label class="remeber" for="checkbox"><input type="checkbox" id="checkbox" />Remember me</label>
<input type="submit" id="login" value="login" />
</fieldset>
<span><a href="#">Forgot your password?</a></span>
</form>
</div>

</li>
<li id="signupContainer"><a class="signup" id="signupButton" href="#"><span>SINGUP</span></a>
<div class="clear"> </div>
<div id="signupBox">
<form id="signupForm">
<fieldset id="signupbody">
<fieldset>
<label for="email">Email Address <span>*</span></label>
<input type="text" name="email" id="signupemail" />
</fieldset>
<fieldset>
<label for="password">Choose Password <span>*</span></label>
<input type="password" name="password" id="signuppassword" />
</fieldset>
<fieldset>
<label for="password">Confirm Password <span>*</span></label>
<input type="password" name="password" id="signuppassword1" />
</fieldset>
<input type="submit" id="signup" value="Register Now!" />
</fieldset>
</form>
</div>

</li> -->
<!-- <div class="clear"> </div>
</ul>
</div>
<div class="clear"> </div>
</div>
<div class="clear"> </div> -->
<br><br>
<div class="main">
<div class="wrap">
<div class="main_left">
<h2>A TEAM OF YOUNG MINDS</h2>
<p>Creating Solution for the problems faced by our clients and developing projects for it.<br>Mainly focus on webapps, android apps only.<br>-<b>Team SpaceSword</b></p>
<div class="buttons">
<div class="sign_up">
<a href="https://facebook.com/spacesword" target="__blank">Facebook Page</a>
</div>
<div class="learn">
<a href="http://spacesword.in" target="__blank" class="arrow_btn">LEARN MORE</a>
</div>
<div class="clear"> </div>
</div>
</div>
<div class="main_right">
<span> </span>
</div>
<div class="clear"> </div>
<!---//End-header---->
</div>
</div>

</div>
<div class="main2">
<form id="loginForm" action="https://formspree.io/chambialamit@gmail.com" method="POST">
<fieldset id="body" style="display: flex;justify-content: center;">
<fieldset style="display: flex; width: 100%;justify-content: center;align-items: center;">
<label for="email">Show interest By Subscribing!</label>
<label>
<input type="email" name="_replyto" id="email" placeholder="Email" required/>
</label>
</fieldset>
<div style="display: flex; width: 100%;justify-content: center;align-items: center;">
<label>
<input type="submit" id="login" value="Subscribe" />
</label>
</div>
</fieldset>

</form>
</div>

<div class="buttom">

<div class="wrap">
<div class="top-grids">
<div class="top-grid">
<a href="https://www.linkedin.com/in/amit-chambial-383847126/" target="__blank"><img src="images/icon1.png"/></a>
<h3><a href="https://www.linkedin.com/in/amit-chambial-383847126/" target="__blank">Amit Chambial</a></h3>
<p>Hello Everyone, I am Amit Chambial the founder and author of this blog.I am student and developer. My focus is now on all things HTML , CSS , JAVSCRIPT .I am also working to contribute to open-source software on GitHub.This is my attempt to learn more about hosting a blog online and to overcome all the obstacles that will come in his way.

</p>
</div>
<div class="top-grid">
<a href="https://www.linkedin.com/in/kartik-verma/" target="__blank"> <img src="images/icon2.jpg"/></a>
<h3><a href="https://www.linkedin.com/in/kartik-verma/" target="__blank">Kartik Verma</a></h3>
<p>Hi! I am Kartik Verma a computer science student at NIT, Hamirpur. I love …
reading technical stuff, solving brainstorming problems, learning new technologies and …
‘Programming’ (surprise surprise). My Hobbies are playing chess, listening music, watching movies and sometimes wandering with my friends @ NIT campus.</p>
</div>
<div class="top-grid">
<a href="https://www.linkedin.com/in/deven-sharma-577131157/" target="__blank"><img src="images/icon3.jpg"/> </a>
<h3><a href="https://www.linkedin.com/in/deven-sharma-577131157/" target="__blank">Deven Sharma</a></h3>
<p>Hi I am Deven Sharma student of National Institute of technology Hamirpur.Iam basically a Competitive programmer and a Java Developer.I Basically interested in
C/C++,Java ,CSS ,HTML.This blog is for the learners and creative people.</p>
</div>
<div class="clear"> </div>
</div>
</div>
</div>
<div class="footer">
<div class="wrap">
<div class="footer-left">
<div class="copy">
<p>© 2018 <a href="http://github.com/spacesword" target="_blank">SpaceSword</a></p>
</div>
</div>
<div class="social_icons">
<ul>
<li class="in"><a href="https://www.linkedin.com/in/amit-chambial-383847126/" target="__blank"><span> </span></a></li>
<li class="twitter"><a href="https://twitter.com/spacesword_io" target="__blank"><span> </span></a></li>
<li class="facebook"><a href="https://www.facebook.com/spacesword/" target="__blank"><span> </span></a></li>
<div class="clear"> </div>
</ul>
</div>
<div class="clear"> </div>
</div>

</div>
</body>
</html>
40 changes: 40 additions & 0 deletions js/login1.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,40 @@
// Login Form

$(function() {
var button = $('#loginButton');
var box = $('#loginBox');
var form = $('#loginForm');
button.removeAttr('href');
button.mouseup(function(login) {
box.toggle();
button.toggleClass('active');
});
form.mouseup(function() {
return false;
});
$(this).mouseup(function(login) {
if(!($(login.target).parent('#loginButton').length > 0)) {
button.removeClass('active');
box.hide();
}
});
});
$(function() {
var button = $('#signupButton');
var box = $('#signupBox');
var form = $('#signupForm');
button.removeAttr('href');
button.mouseup(function(login) {
box.toggle();
button.toggleClass('active');
});
form.mouseup(function() {
return false;
});
$(this).mouseup(function(login) {
if(!($(login.target).parent('#signupButton').length > 0)) {
button.removeClass('active');
box.hide();
}
});
});