Skip to content
Snippets Groups Projects
Commit ad029e07 authored by Jubi Dition's avatar Jubi Dition
Browse files

first pages commit

parents
No related branches found
No related tags found
No related merge requests found
css/img/bg.gif

64 B

css/img/desc.gif

54 B

css/img/glyphicons-halflings-white.png

4.25 KiB

css/img/glyphicons-halflings.png

4.25 KiB

css/img/yourcontacts.png

5.18 KiB

/* tablesorter */
table.tablesorter thead tr .header {
background-image: url(img/bg.gif);
background-repeat: no-repeat;
background-position: center right;
cursor: pointer;
}
table.tablesorter thead tr .headerSortUp {
background-image: url(img/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
background-image: url(img/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #f5f5f5;
}
/* Override some defaults */
html,body {
background-color: #eee;
}
body {
overflow-y: scroll; /* force vertical scrollbar */
}
.container>footer p {
text-align: center; /* center align it with the container */
}
.container {
width: 820px; /* downsize our container*/
}
.content { /* The white background content wrapper */
background-color: #fff;
padding: 20px;
margin: 0 0px 15px;
border-radius: 0 0 6px 6px;
border: 1px solid #ddd;
}
.page-header { /* Page header tweaks */
background-color: #f5f5f5;
padding: 20px 20px 10px;
margin: -20px -20px 20px;
border-bottom: 1px solid #ddd;
}
.content {
min-height: 350px; /* minimum height for the content */
}
.navbar .btn {
margin-top: 0; /* Centering button in navbar */
}
.btn {
font-weight: bold; /* All buttons bold */
}
.navbar .brand {
padding: 4px 20px 4px; /* Smaller and centering Padding */
}
.navbar {
margin-bottom: 0;
}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Your Contacts</title>
<meta name="description" content="manage your contacts with name, email and phone">
<meta name="author" content="yubi4dition">
<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Le styles -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="css/yourcontacts.css" rel="stylesheet" type="text/css" />
<link href="css/font-awesome.css" rel="stylesheet" type="text/css" />
<link href="css/tablesorter.css" rel="stylesheet" type="text/css" />
<!-- Le fav and touch icons -->
<link href="css/ico/favicon.ico" rel="shortcut icon" />
</head>
<body>
<div class="navbar">
<div class="navbar-inner">
<div class="container">
<<a class="brand" href="contacts.html"><img src="css/img/yourcontacts.png" width="57px"/></a>
<ul class="nav">
<li ><a href="add.html">Add</a></li>
<li class="active"><a href="delete.html">Delete</a></li>
<li ><a href="edit.html">Edit</a></li>
</ul>
<div class="pull-right">
<small class="navbar-text">User: <a href="profile.html">user1@mail.com</a> </small>
<a href="index.html" class="btn btn-primary"><i class="icon-road icon-white"></i> Logout</a>
</div>
</div>
</div>
</div>
<div class="container">
<div class="content" style="display:none">
<div class="page-header">
<h1>Delete A Contact</h1>
</div>
<div class="row">
<div class="span4">
<form id="formDelete" class="well" accept-charset="utf-8">
<div class="input-prepend">
<span class="add-on"><i class="icon-user"></i></span>
<select id="formSelect" name="name" class="input-large">
<option value="contact1">
contact1 </option>
<option value="contact10">
contact10 </option>
<option value="contact11">
contact11 </option>
<option value="contact12">
contact12 </option>
<option value="contact2">
contact2 </option>
<option value="contact3">
contact3 </option>
<option value="contact4">
contact4 </option>
<option value="contact5">
contact5 </option>
<option value="contact6">
contact6 </option>
<option value="contact7">
contact7 </option>
<option value="contact8">
contact8 </option>
<option value="contact9">
contact9 </option>
</select>
</div>
<button type="submit" class="btn btn-danger btn-large" data-loading-text="Sending...">
<i class="icon-trash icon-white"></i> Delete Contact</button>
</form>
</div>
</div>
<div id="success" class="row" style="display: none">
<div class="span4">
<div id="successMessage" class="alert alert-success"></div>
</div>
</div>
<div id="error" class="row" style="display: none">
<div class="span4">
<div id="errorMessage" class="alert alert-error"></div>
</div>
</div>
</div>
<script src="js/jquery.js"></script>
<script src="js/bootstrap-button.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#formDelete").submit(function(){
$("#formDelete button").button('loading');
window.setTimeout(function() {
$("#formDelete button").button('reset');
}, 2000);
return false;
});
$(".content").fadeIn(1000);
});
</script>
<footer>
<p>&copy; 2012 built with CodeIgniter 2.1.0 and Twitter Bootstrap 2.0.1</p>
</footer>
</div><!-- /container -->
</body>
</html>
This diff is collapsed.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Your Contacts</title>
<meta name="description" content="manage your contacts with name, email and phone">
<meta name="author" content="yubi4dition">
<!-- Le HTML5 shim, for IE6-8 support of HTML elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<!-- Le styles -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css" />
<link href="css/yourcontacts.css" rel="stylesheet" type="text/css" />
<link href="css/font-awesome.css" rel="stylesheet" type="text/css" />
<link href="css/tablesorter.css" rel="stylesheet" type="text/css" />
<!-- Le fav and touch icons -->
<link href="css/ico/favicon.ico" rel="shortcut icon" />
</head>
<body>
<div class="navbar">
<div class="navbar-inner">
<div class="container">
<a class="brand" href="index.html"><img src="css/img/yourcontacts.png" width="57px"/></a>
<p class="navbar-text pull-right">not logged in</p>
</div>
</div>
</div>
<div class="container">
<div class="content">
<div class="page-header">
<h1>Login</h1>
</div>
<div class="row">
<div class="span4">
<form class="well" method="post" accept-charset="utf-8">
<div class="input-prepend">
<span class="add-on"><i class="icon-envelope"></i></span>
<input type="text" class="input-large" name="email" placeholder="Email" required maxlength="40" autofocus />
</div>
<div class="input-prepend">
<span class="add-on"><i class="icon-lock"></i></span>
<input type="password" class="input-large" name="pwd" placeholder="Password" required maxlength="20" />
</div>
<a class="btn btn-primary btn-large" href="contacts.html">
<i class="icon-home icon-white"></i> Login</a>
</form>
</div>
</div>
<div class="row">
<div class="span4">
<div class="alert alert-info">
<p><strong>You</strong> are not logged in!</p>
<small>No Account? </small>
<a href="signup.html" class="btn btn-info"><i class="icon-arrow-right icon-white"></i> sign up now</a>
</div>
</div>
</div>
</div>
<footer>
<p>&copy; 2012 built with CodeIgniter 2.1.0 and Twitter Bootstrap 2.0.1</p>
</footer>
<div class="pull-right">
<a href="adminlogin.html" class="btn btn-danger" style="position:fixed; bottom:0;"><i class="icon-flag icon-white"></i> Admin</a>
</div>
</div><!-- /container -->
</body>
</html>
This diff is collapsed.
<html>
<head>
<title>403 Forbidden</title>
</head>
<body>
<p>Directory access is forbidden.</p>
</body>
</html>
\ No newline at end of file
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
This diff is collapsed.
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment