Skip to content

Commit

Permalink
#11 resolved
Browse files Browse the repository at this point in the history
  • Loading branch information
deepti1996 committed Jun 19, 2016
1 parent efe34f6 commit d4d3020
Show file tree
Hide file tree
Showing 8 changed files with 529 additions and 277 deletions.
40 changes: 40 additions & 0 deletions css/index.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,40 @@
.r1{
width:30%;
margin-left: 50%;
}
.#myModal{
width:30%;
padding: 10px;
}
.input-field input[type=text].invalid {
border-bottom: 1px solid #000;
box-shadow: 0 1px 0 0 #000;
}
.panel-info {
border-color: #bce8f1;
}
.panel {
margin-bottom: 20px;
background-color: #fff;
border: 1px solid #bce8f1;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.panel-info>.panel-heading {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
}
.panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
color: inherit;
}
39 changes: 39 additions & 0 deletions css/resume.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,39 @@
html {
-webkit-transition: background-color 1s;
transition: background-color 1s;
}


html, body {
/* For the loading indicator to be vertically centered ensure */
/* the html and body elements take up the full viewport */

font-family: 'Roboto', sans-serif;


}
html.loading {
/* Replace #333 with the background-color of your choice */
/* Replace loading.gif with the loading image of your choice */
background: url('../loader.gif') no-repeat 50% 50%;

margin-top:-55%;
/* Ensures that the transition only runs in one direction */
-webkit-transition: background-color 0;
transition: background-color 0;
}
body {
-webkit-transition: opacity 1s ease-in;
transition: opacity 1s ease-in;
}
html.loading body {
/* Make the contents of the body opaque during loading */
opacity: 0;

/* Ensures that the transition only runs in one direction */
-webkit-transition: opacity 0;
transition: opacity 0;
}
.table-responsive{
padding:4%;
}
143 changes: 46 additions & 97 deletions index.html
Original file line number Diff line number Diff line change
@@ -1,98 +1,58 @@
<html>
<head>

<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/index.css">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://www.parsecdn.com/js/parse-1.4.2.min.js"></script>
<script type="text/javascript" src="js/angular.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0-beta.1/angular-messages.min.js"></script>
<script src="js/signup.js" type="text/javascript"></script>
<script src="js/login.js" type="text/javascript"></script>
<script src="js/index.js" type="text/javascript"></script>
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="https://www.parsecdn.com/js/parse-1.4.2.min.js"></script>
<script type="text/javascript" src="js/angular.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.0-beta.1/angular-messages.min.js"></script>
<script src="js/signup.js" type="text/javascript"></script>
<script src="js/login.js" type="text/javascript"></script>
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">
<style>
.r1{
width:30%;
margin-left: 50%;
}
.#myModal{
width:30%;
padding: 10px;
}
.input-field input[type=text].invalid {
border-bottom: 1px solid #000;
box-shadow: 0 1px 0 0 #000;
}
.panel-info {
border-color: #bce8f1;
}
.panel {
margin-bottom: 20px;
background-color: #fff;
border: 1px solid #bce8f1;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
}
.panel-info>.panel-heading {
color: #31708f;
background-color: #d9edf7;
border-color: #bce8f1;
}
.panel-heading {
padding: 10px 15px;
border-bottom: 1px solid transparent;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}
.panel-title {
margin-top: 0;
margin-bottom: 0;
font-size: 16px;
color: inherit;
}
</style>
</head>
<body ng-app="app" ng-controller='mycontroller'>
<div class="container">
<div style="margin-top:50px"class="col-md-6 col-md-offset-3 col-sm-8 col-sm-offset-2">
<div ng-show="showing" class="panel panel-info">
<div class="panel-heading">
<div class="panel-title">Log In</div>
<div style="float:right; font-size: 80%; position: relative; top:-10px"><a href="#">Forgot password?</a></div>
<div class="panel-heading">
<div class="panel-title">Log In</div>
<div style="float:right; font-size: 80%; position: relative; top:-10px"><a href="#">Forgot password?</a></div>
</div>
<div class="panel-body">
<div class="panel-body">
<form>
<div style="margin-bottom: 25px" class="input-group">
<span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
<input id="username" type="text" class="form-control" name="username" value="" placeholder="username">
</div>
<div style="margin-bottom: 25px" class="input-group">
<span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span>
<input id="password" type="password" class="form-control" name="password" value="" placeholder="password">
</div>

<button type="button" onclick="start()" class="btn btn-success">LOGIN &nbsp;</button>
<div style="margin-bottom: 25px" class="input-group">
<span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
<input id="username" type="text" class="form-control" name="username" value="" placeholder="username">
</div>
<div style="margin-bottom: 25px" class="input-group">
<span class="input-group-addon"><i class="glyphicon glyphicon-lock"></i></span>
<input id="password" type="password" class="form-control" name="password" value="" placeholder="password">
</div>
<button type="button" onclick="start()" class="btn btn-success">LOGIN &nbsp;</button>
</form>
<div class="col-md-12 control">
<div style="border-top: 1px solid#888; padding-top:15px; font-size:85%">
Don't have an account!
<a style="cursor:pointer;text-decoration:none;" ng-click="show()">
Sign Up Here
</a>
Don't have an account!
<a style="cursor:pointer;text-decoration:none;" ng-click="show()">
Sign Up Here
</a>
</div>
</div>
</div>
</div>
<div ng-hide="showing" class="panel panel-info">
<div class="panel-heading">
<div class="panel-title">Sign up</div>
</div>
<div class="panel-body">
<form>
</div>
<div ng-hide="showing" class="panel panel-info">
<div class="panel-heading">
<div class="panel-title">Sign up</div>
</div>
<div class="panel-body">
<form>
<div style="margin-bottom: 25px" class="input-group">
<span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
<span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
<input id="uname" type="text" class="form-control" name="userFirstName" value="" placeholder="username">
</div>
<div style="margin-bottom: 25px" class="input-group">
Expand All @@ -101,32 +61,21 @@
</div>
<div style="margin-bottom: 25px" class="input-group">
<span class="input-group-addon"><i class="glyphicon glyphicon-envelope"></i></span>
<input id="email1" type="email" class="form-control" name="userEmail" placeholder="email"/>
</div>
<input id="email1" type="email" class="form-control" name="userEmail" placeholder="email"/>
</div>
<button type="button" onclick="signu()" class="btn btn-primary">Signup&nbsp;</button>
</form>
<div class="col-md-12 control">
<div style="border-top: 1px solid#888; padding-top:15px; font-size:85%">
</form>
<div class="col-md-12 control">
<div style="border-top: 1px solid#888; padding-top:15px; font-size:85%">
Already Signup!
<a style="cursor:pointer;text-decoration:none;" ng-click="show()">
Login Here
</a>
</div>
</div>
<a style="cursor:pointer;text-decoration:none;" ng-click="show()">
Login Here
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</body>
<script >
var app = angular.module('app',[]);
app.controller('mycontroller',['$scope',function($scope){
$scope.showing=true;
$scope.show=function(){
$scope.showing=!$scope.showing;
}
}])
</script>
</html>
10 changes: 10 additions & 0 deletions js/index.js
Original file line number Diff line number Diff line change
@@ -0,0 +1,10 @@
Parse.initialize("1lRkVkAfr6Daum7wITXFrFyk8GlCbBwx8soPwnAR", "PzbJSDOdw0ZlMHWj5x9umDB4XgqsPenbWxZrxooy");


var app = angular.module('app',[]);
app.controller('mycontroller',['$scope',function($scope){
$scope.showing=true;
$scope.show=function(){
$scope.showing=!$scope.showing;
}
}])
Loading

0 comments on commit d4d3020

Please sign in to comment.