Skip to content

L
labwork1_Chua
Commit 7c0d73ba authored by Eldric Chua's avatar Eldric Chua
Browse files
Options

Initial Upload

parents
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 2478 additions and 0 deletions
1.png 0 → 100644
View file @ 7c0d73ba
1.png

5.68 KB

Contact.html 0 → 100644
View file @ 7c0d73ba
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="icon" href="ateneo.ico">
<meta charset="UTF-8">
<title>AISIS Online</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<script src="js/jquery.min.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/skel-layers.min.js"></script>
<script src="js/init.js"></script>
<noscript>
<link rel="stylesheet" href="css/skel.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/style-xlarge.css" />
</noscript>
</head>
<body class="landing">
<header id="header">
<h1><a href="index.html">AISIS</a></h1>
<nav id="nav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="contact.html">Contact Us</a></li>
<li><a href="#" class="button special">Sign Up</a></li>
</ul>
</nav>
</header>
<section id="three" class="wrapper style3 special">
<div class="container">
<header class="major">
<h2>CONTACT US!</h2>
<p> We welcome your feedback regarding your experience in using AISIS Online. Please email your inquiries, suggestions and technical problems encountered while using AISIS Online to omis.ls@ateneo.edu. </p>
</header>
</div>
<div class="container 50%">
<form action="#" method="post">
<div class="row uniform">
<div class="6u 12u$(small)">
<input name="name" id="name" value="" placeholder="Name" type="text">
</div>
<div class="6u$ 12u$(small)">
<input name="email" id="email" value="" placeholder="Email" type="email">
</div>
<div class="12u$">
<textarea name="message" id="message" placeholder="Message" rows="6"></textarea>
</div>
<div class="12u$">
<ul class="actions">
<li><input value="Send Message" class="special big" type="submit"></li>
</ul>
</div>
</div>
</form>
</div>
</section>
Contact2.html 0 → 100644
View file @ 7c0d73ba
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="icon" href="ateneo.ico">
<meta charset="UTF-8">
<title>AISIS Online</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<script src="js/jquery.min.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/skel-layers.min.js"></script>
<script src="js/init.js"></script>
<noscript>
<link rel="stylesheet" href="css/skel.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/style-xlarge.css" />
</noscript>
</head>
<body class="landing">
<header id="header">
<h1><a href="index.html">AISIS</a></h1>
<nav id="nav">
<ul>
<li><a href="Login.html">Home</a></li>
<li><a href="Contact2.html">Contact Us</a></li>
<li><a href="index.html" class="button special">Sign out</a></li>
</ul>
</nav>
</header>
<section id="three" class="wrapper style3 special">
<div class="container">
<header class="major">
<h2>CONTACT US!</h2>
<p> We welcome your feedback regarding your experience in using AISIS Online. Please email your inquiries, suggestions and technical problems encountered while using AISIS Online to omis.ls@ateneo.edu. </p>
</header>
</div>
<div class="container 50%">
<form action="#" method="post">
<div class="row uniform">
<div class="6u 12u$(small)">
<input name="name" id="name" value="" placeholder="Name" type="text">
</div>
<div class="6u$ 12u$(small)">
<input name="email" id="email" value="" placeholder="Email" type="email">
</div>
<div class="12u$">
<textarea name="message" id="message" placeholder="Message" rows="6"></textarea>
</div>
<div class="12u$">
<ul class="actions">
<li><input value="Send Message" class="special big" type="submit"></li>
</ul>
</div>
</div>
</form>
</div>
</section>
Gacc.html 0 → 100644
View file @ 7c0d73ba
<!doctype html>
<html lang="en">
<head>
<link rel="icon" href="ateneo.ico">
<meta charset="utf-8">
<title>AISIS Online</title>
<style>
.img2{
position: absolute;
width: 90px;
height: 80px;
bottom: 89%;
left: 38%;
}
body
{
background: url("") 100% fixed;
background-size: auto;
}
</style>
<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/pure-min.css">
<link rel="stylesheet" href="css/layouts/side-menu.css">
</head>
<body>
<div id="layout">
<a href="#menu" id="menuLink" class="menu-link">
<span></span>
</a>
<div id="menu">
<div class="pure-menu">
<a class="pure-menu-heading" href="#">AISIS online</a>
<ul class="pure-menu-list">
<li class="pure-menu-item"><a href="Login.html" class="pure-menu-link">Home</a></li>
<li class="pure-menu-item"><a href="Login.html" class="pure-menu-link">About</a></li>
<li class="pure-menu-item"><a href="Gacc.html" class="pure-menu-link">Google Account</a></li>
<li class="pure-menu-item"><a href="MyGrades.html" class="pure-menu-link">My Grades</a></li>
<li class="pure-menu-item"><a href="Login.html" class="pure-menu-link">Official Curriculum</a></li>
<li class="pure-menu-item"><a href="Login.html" class="pure-menu-link">Tuition Receipt</a></li>
<li class="pure-menu-item"><a href="Login.html" class="pure-menu-link">Enrolled Classes</a></li>
<li class="pure-menu-item"><a href="Login.html" class="pure-menu-link">My Hold Orders</a></li>
<li class="pure-menu-item"><a href="Login.html" class="pure-menu-link">Student Information</a></li>
<li class="pure-menu-item"><a href="Login.html" class="pure-menu-link">My Class Schedule</a></li>
<li class="pure-menu-item"><a href="changepass.html" class="pure-menu-link">Change Password</a></li>
<li class="pure-menu-item"><a href="Login.html" class="pure-menu-link">Class Schedule</a></li>
<li class="pure-menu-item" class="menu-item-divided pure-menu-selected">
<a href="index.html" class="pure-menu-link">Sign Out</a>
</li>
<li class="pure-menu-item"><a href="contact2.html" class="pure-menu-link">Contact</a></li>
</ul>
</div>
</div>
<div id="main">
<div class="header">
<h1>AISIS Online</h1>
<h2>Google Account Information</h2>
</div>
<div class="content">
<h2 class="content-subhead"></h2>
<p>
Login name: eldric.chua <br>
Initial Password: goEAxFQQ (This is the password set by Ateneo. Please disregard after your first login.)<br>
Website: http://mail.obf.ateneo.edu<br>
Email address: eldric.chua@obf.ateneo.edu<br>
</p>
<h2 class="content-subhead">Welcome to Blue Eagle Mail!</h2>
<p>
Blue Eagle Mail is the new Google-powered communication and collaboration platform of Ateneo de Manila University. All official announcements and memos will be coursed through this system. </p>
<h3 class="content-subhead">Blue Eagle Mail Terms and Conditions:</h3>
<p>
1. This account will only be used in support of activities related to the Ateneo de Manila University (AdMU) and appropriate to my status within AdMU.<br>
2. This account will not be used to interfere with other people's use of any computer system or network; nor to look at or change anyone else's information without their explicit permission.<br>
3. This account is an authorization to use facilities owned and operated by AdMU and Google, and therefore that usage of this account is subject to the rules, regulations, and policies of AdMU and Google, and all applicable local and international laws. These include, but are not limited to:<br>
a. Posting or sending spam, and any other inappropriate material.<br>
b. Illegally use, inspect, copy, or store any copyrighted digital content.<br>
5. I will not permit any other person to use this account for any purpose whatsoever. I will use all necessary precautions to safeguard the confidentiality of the associated password. I will be accountable for any and all improper use of this account.<br>
6. I will never use an account belonging to someone else.<br>
7. I understand that failure to abide by all the above may result in cancellation of my account, other administrative action, and may subject me to civil or criminal liability.
</p>
<h3 class="content-subhead">There are two ways to acquire a new password:</h3>
1.Contact the Blue Eagle Mail Helpdesk at 4266001 local 5170-5172 and provide the necessary information.
2.Proceed to Faber Hall room FH-305 and approach the front desk. Please bring your valid Ateneo de Manila University ID.
</p>
<script src="js/ui.js"></script>
<img class="img img2" src="ateneo.png">
</body>
</html>
Login.html 0 → 100644
View file @ 7c0d73ba
<!doctype html>
<html lang="en">
<head>
<link rel="icon" href="ateneo.ico">
<meta charset="utf-8">
<title>AISIS Online</title>
<style>
.img2{
position: absolute;
width: 90px;
height: 80px;
bottom: 73%;
left: 38%;
}
</style>
<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/pure-min.css">
<link rel="stylesheet" href="css/layouts/side-menu.css">
</head>
<body>
<div id="layout">
<a href="#menu" id="menuLink" class="menu-link">
<span></span>
</a>
<div id="menu">
<div class="pure-menu">
<a class="pure-menu-heading" href="#">AISIS online</a>
<ul class="pure-menu-list">
<li class="pure-menu-item"><a href="Login.html" class="pure-menu-link">Home</a></li>
<li class="pure-menu-item"><a href="Login.html" class="pure-menu-link">About</a></li>
<li class="pure-menu-item"><a href="Gacc.html" class="pure-menu-link">Google Account</a></li>
<li class="pure-menu-item"><a href="MyGrades.html" class="pure-menu-link">My Grades</a></li>
<li class="pure-menu-item"><a href="Login.html" class="pure-menu-link">Official Curriculum</a></li>
<li class="pure-menu-item"><a href="Login.html" class="pure-menu-link">Tuition Receipt</a></li>
<li class="pure-menu-item"><a href="Login.html" class="pure-menu-link">Enrolled Classes</a></li>
<li class="pure-menu-item"><a href="Login.html" class="pure-menu-link">My Hold Orders</a></li>
<li class="pure-menu-item"><a href="Login.html" class="pure-menu-link">Student Information</a></li>
<li class="pure-menu-item"><a href="Login.html" class="pure-menu-link">My Class Schedule</a></li>
<li class="pure-menu-item"><a href="changepass.html" class="pure-menu-link">Change Password</a></li>
<li class="pure-menu-item"><a href="Login.html" class="pure-menu-link">Class Schedule</a></li>
<li class="pure-menu-item" class="menu-item-divided pure-menu-selected">
<a href="index.html" class="pure-menu-link">Sign Out</a>
</li>
<li class="pure-menu-item"><a href="contact2.html" class="pure-menu-link">Contact</a></li>
</ul>
</div>
</div>
<div id="main">
<div class="header">
<h1>AISIS Online</h1>
<h2>Summer, SY 2016-2017</h2>
</div>
<div class="content">
<h2 class="content-subhead"> User Identified As: </h2>
<p>
ELDRIC BRICE ONG CHUA Year Level: 3 Regular? Y Degree: BS MIS (Version 1, 2009)
</p>
<h2 class="content-subhead">Reminder:</h2>
<p>
Please download your online syllabus, if this is already available. To facilitate the discussion of the syllabus during the first few days of classes, bring to your class either the printed copy or the soft copy that is in your laptop or other device/s.
</p>
<script src="js/ui.js"></script>
<img class="img img2" src="ateneo.png">
</body>
</html>
Loginfo.html 0 → 100644
View file @ 7c0d73ba
<!doctype html>
<html lang="en">
<head>
<link rel="icon" href="ateneo.ico">
<meta charset="utf-8">
<title>AISIS Online</title>
<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/pure-min.css">
<link rel="stylesheet" href="css/layouts/side-menu.css">
</head>
<body>
<div id="layout">
<a href="#menu" id="menuLink" class="menu-link">
<span></span>
</a>
<div id="menu">
<div class="pure-menu">
<a class="pure-menu-heading" href="#">AISIS online</a>
<ul class="pure-menu-list">
<li class="pure-menu-item"><a href="index.html" class="pure-menu-link">Home</a></li>
<li class="pure-menu-item"><a href="contact2.html" class="pure-menu-link">Contact</a></li>
</ul>
</div>
</div>
<div id="main">
<div class="header">
<h1>AISIS Online</h1>
<h2>Summer, SY 2016-2017</h2>
</div>
<style>
.wrapper {
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
width: 100%;
min-height: 100%;
padding: 20px;
}
.login input {
font-family: "Roboto", sans-serif;
outline: 0;
background: #f2f2f2;
width: 100%;
border: 0;
margin:
0 0 15px;
padding: 15px;
box-sizing: border-box;
font-size:
14px;
}
.login .title {
color: #444;
font-size: 1.2em;
font-weight: bold;
margin: 10px 0 30px 0;
border-bottom: 1px solid #eee;
padding-bottom: 20px;
}
.login button {
width: 27%;
height: 80%;
padding: 10px 10px;
background: #2196F3;
color: #fff;
display: block;
border: none;
margin-top: 20px;
position: absolute;
left: 42%;
bottom: ;
top: ;
max-height: 60px;
border: 0px solid rgba(0, 0, 0, 0.1);
border-radius: 0 0 2px 2px;
transform: rotateZ(0deg);
transition: all 0.1s ease-out;
border-bottom-width: 7px;
}
.img2{
position: absolute;
width: 90px;
height: 80px;
bottom: 86%;
left: 38%;
}
</style>
</head>
<body>
<div class="wrapper">
<form class="login">
<p class="title">Log in</p>
<input type="text" placeholder="ID number" autofocus style="width:90%"/>
<input type="password" placeholder="Current Password" style="width:90%" />
<a href="Login.html"><img src="1.png">
</a>
</form>
</p>
</div>
<img class="img img2" src="ateneo.png">
<script src="js/ui.js"></script>
</body>
</html>
MyGrades.html 0 → 100644
View file @ 7c0d73ba
<!doctype html>
<html lang="en">
<head>
<link rel="icon" href="ateneo.ico">
<meta charset="utf-8">
<title>AISIS Online</title>
<style>
.img2{
position: absolute;
width: 90px;
height: 80px;
bottom: 79%;
left: 38%;
}
</style>
<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/pure-min.css">
<link rel="stylesheet" href="css/layouts/side-menu.css">
</head>
<body>
<div id="layout">
<a href="#menu" id="menuLink" class="menu-link">
<span></span>
</a>
<div id="menu">
<div class="pure-menu">
<a class="pure-menu-heading" href="#">AISIS online</a>
<ul class="pure-menu-list">
<li class="pure-menu-item"><a href="Login.html" class="pure-menu-link">Home</a></li>
<li class="pure-menu-item"><a href="Login.html" class="pure-menu-link">About</a></li>
<li class="pure-menu-item"><a href="Gacc.html" class="pure-menu-link">Google Account</a></li>
<li class="pure-menu-item"><a href="MyGrades.html" class="pure-menu-link">My Grades</a></li>
<li class="pure-menu-item"><a href="Login.html" class="pure-menu-link">Official Curriculum</a></li>
<li class="pure-menu-item"><a href="Login.html" class="pure-menu-link">Tuition Receipt</a></li>
<li class="pure-menu-item"><a href="Login.html" class="pure-menu-link">Enrolled Classes</a></li>
<li class="pure-menu-item"><a href="Login.html" class="pure-menu-link">My Hold Orders</a></li>
<li class="pure-menu-item"><a href="Login.html" class="pure-menu-link">Student Information</a></li>
<li class="pure-menu-item"><a href="Login.html" class="pure-menu-link">My Class Schedule</a></li>
<li class="pure-menu-item"><a href="changepass.html" class="pure-menu-link">Change Password</a></li>
<li class="pure-menu-item"><a href="Login.html" class="pure-menu-link">Class Schedule</a></li>
<li class="pure-menu-item" class="menu-item-divided pure-menu-selected">
<a href="index.html" class="pure-menu-link">Sign Out</a>
</li>
<li class="pure-menu-item"><a href="contact2.html" class="pure-menu-link">Contact</a></li>
</ul>
</div>
</div>
<div id="main">
<div class="header">
<h1>AISIS Online</h1>
<h2>Summer, SY 2016-2017</h2>
</div>
<div class="content">
<h2 class="content-subhead"> User Identified As: </h2>
<p>
ELDRIC BRICE ONG CHUA Year Level: 3 Regular? Y Degree: BS MIS (Version 1, 2009)
</p>
<h2 class="content-subhead">View Grades:</h2>
<p align = "center"> <font color="#000088"> Comulative QPI : 4 </font> </p>
<p>
<table align = "center" border="6" style="width:120%">
<tr>
<td align = "center"><b> <font color="#000088">School Year</font></b></td>
<td align = "center"><b> <font color="#000088"> Sem </font></b></td>
<td align = "center"><b> <font color="#000088"> Course </font></b></td>
<td align = "center"><b> <font color="#000088"> Subject Code </font></b></td>
<td align = "center"><b> <font color="#000088"> Course Title </font></b></td>
<td align = "center"><b> <font color="#000088"> Units </font></b></td>
<td align = "center"><b> <font color="#000088"> Final Grade </font></b></td>
</tr>
<tr>
<td align="center">2015-2016</td>
<td align="center">2</td>
<td align="center">BS MIS</td>
<td align="center">CS 105</td>
<td align="center">THEORY OF ALGORITHMS</td>
<td align="center">3</td>
<td align="center">A</td>
</tr>
<tr>
<td align="center">2015-2016</td>
<td align="center">2</td>
<td align="center">BS MIS</td>
<td align="center">POS 100</td>
<td align="center">POLITICS AND GOVERNANCE</td>
<td align="center">3</td>
<td align="center">A</td>
</tr>
<tr>
<td align="center">2015-2016</td>
<td align="center">2</td>
<td align="center">BS MIS</td>
<td align="center">PE 121</td>
<td align="center">FENCING</td>
<td align="center">3</td>
<td align="center">A</td>
</tr>
<tr>
<td align="center">2015-2016</td>
<td align="center">2</td>
<td align="center">BS MIS</td>
<td align="center">FLC 1JSP</td>
<td align="center">JAPANESE LANGUAGE AND CULTURE 1</td>
<td align="center">3</td>
<td align="center">A</td>
</tr>
<tr>
<td align="center">2015-2016</td>
<td align="center">2</td>
<td align="center">BS MIS</td>
<td align="center">EC 102</td>
<td align="center">BASIC ECONIMICS</td>
<td align="center">3</td>
<td align="center">A</td>
</tr>
</table>
</p>
<p>
<table align = "left" border="6" style="width:50%">
<tr>
<td align = "center"><b> <font color="#000088">Year Level</font></b></td>
<td align = "center"><b> <font color="#000088"> School Year </font></b></td>
<td align = "center"><b> <font color="#000088"> QPI </font></b></td>
</tr>
<tr>
<td align = "center">1</td>
<td align = "center"></td>
<td align = "center"> 4 </td>
</tr>
<tr>
<td align = "center">2</td>
<td align = "center"></td>
<td align = "center"> 4 </td>
</tr>
<tr>
<td align = "center">3</td>
<td align = "center"></td>
<td align = "center"> * </td>
</tr>
</table>
</p>
<p>
<table align = "right" border="6" style="width:40%">
<tr>
<td align = "center"><b> <font color="#000088">School Year</font></b></td>
<td align = "center"><b> <font color="#000088"> Sem </font></b></td>
<td align = "center"><b> <font color="#000088"> QPI </font></b></td>
</tr>
<tr>
<td align = "center">2014-2015</td>
<td align = "center">1</td>
<td align = "center"> 4 </td>
</tr>
<tr>
<td align = "center">2014-2015</td>
<td align = "center">2</td>
<td align = "center"> 4 </td>
</tr>
<tr>
<td align = "center">2014-2015</td>
<td align = "center">0</td>
<td align = "center"> 4 </td>
</tr>
<tr>
<td align = "center">2014-2015</td>
<td align = "center">1</td>
<td align = "center"> 4 </td>
</tr>
<tr>
<td align = "center">2014-2015</td>
<td align = "center">2</td>
<td align = "center"> 4 </td>
</tr>
</table>
</p>
<script src="js/ui.js"></script>
<img class="img img2" src="ateneo.png">
</body>
</html>
ateneo.ico 0 → 100644
View file @ 7c0d73ba
ateneo.ico

1.12 KB

ateneo.png 0 → 100644
View file @ 7c0d73ba
ateneo.png

26.8 KB

changepass.html 0 → 100644
View file @ 7c0d73ba
<!doctype html>
<html lang="en">
<head>
<link rel="icon" href="ateneo.ico">
<meta charset="utf-8">
<title>AISIS Online</title>
<link rel="stylesheet" href="http://yui.yahooapis.com/pure/0.6.0/pure-min.css">
<link rel="stylesheet" href="css/layouts/side-menu.css">
</head>
<body>
<div id="layout">
<a href="#menu" id="menuLink" class="menu-link">
<span></span>
</a>
<div id="menu">
<div class="pure-menu">
<a class="pure-menu-heading" href="#">AISIS online</a>
<ul class="pure-menu-list">
<li class="pure-menu-item"><a href="Login.html" class="pure-menu-link">Home</a></li>
<li class="pure-menu-item"><a href="Login.html" class="pure-menu-link">About</a></li>
<li class="pure-menu-item"><a href="Gacc.html" class="pure-menu-link">Google Account</a></li>
<li class="pure-menu-item"><a href="MyGrades.html" class="pure-menu-link">My Grades</a></li>
<li class="pure-menu-item"><a href="Login.html" class="pure-menu-link">Official Curriculum</a></li>
<li class="pure-menu-item"><a href="Login.html" class="pure-menu-link">Tuition Receipt</a></li>
<li class="pure-menu-item"><a href="Login.html" class="pure-menu-link">Enrolled Classes</a></li>
<li class="pure-menu-item"><a href="Login.html" class="pure-menu-link">My Hold Orders</a></li>
<li class="pure-menu-item"><a href="Login.html" class="pure-menu-link">Student Information</a></li>
<li class="pure-menu-item"><a href="Login.html" class="pure-menu-link">My Class Schedule</a></li>
<li class="pure-menu-item"><a href="changepass.html" class="pure-menu-link">Change Password</a></li>
<li class="pure-menu-item"><a href="Login.html" class="pure-menu-link">Class Schedule</a></li>
<li class="pure-menu-item" class="menu-item-divided pure-menu-selected">
<a href="index.html" class="pure-menu-link">Sign Out</a>
</li>
<li class="pure-menu-item"><a href="contact2.html" class="pure-menu-link">Contact</a></li>
</ul>
</div>
</div>
<div id="main">
<div class="header">
<h1>AISIS Online</h1>
<h2>Summer, SY 2016-2017</h2>
</div>
<style>
.img2{
position: absolute;
width: 90px;
height: 80px;
bottom: 78%;
left: 38%;
}
.wrapper {
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
width: 100%;
min-height: 100%;
padding: 20px;
}
.login input {
font-family: "Roboto", sans-serif;
outline: 0;
background: #f2f2f2;
width: 100%;
border: 0;
margin:
0 0 15px;
padding: 15px;
box-sizing: border-box;
font-size:
14px;
}
.login .title {
color: #444;
font-size: 1.2em;
font-weight: bold;
margin: 10px 0 30px 0;
border-bottom: 1px solid #eee;
padding-bottom: 20px;
}
.login button {
width: 54%;
height: 100%;
padding: 10px 10px;
background: #2196F3;
color: #fff;
display: block;
border: none;
margin-top: 20px;
position: absolute;
left: 27%;
bottom: 0;
max-height: 60px;
border: 0px solid rgba(0, 0, 0, 0.1);
border-radius: 0 0 2px 2px;
transform: rotateZ(0deg);
transition: all 0.1s ease-out;
border-bottom-width: 7px;
}
</style>
</head>
<body>
<div class="wrapper">
<form class="login">
<p class="title">Change Password</p>
<input type="text" placeholder="ID number" autofocus style="width:90%"/>
<input type="password" placeholder="Current Password" style="width:90%" />
<input type="password" placeholder="New Password" style="width:90%" />
<input type="password" placeholder="Confirm New Password" style="width:90%" />
<button>
Change Password
</button>
</form>
</p>
</div>
<script src="js/ui.js"></script>
<img class="img img2" src="ateneo.png">
</body>
</html>
css/font-awesome.min.css 0 → 100644
View file @ 7c0d73ba
This diff is collapsed.
css/layouts/side-menu-old-ie.css 0 → 100644
View file @ 7c0d73ba
body {
color: #777;
}
.pure-img-responsive {
max-width: 100%;
height: auto;
}
/*
Add transition to containers so they can push in and out.
*/
#layout,
#menu,
.menu-link {
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
/*
This is the parent `<div>` that contains the menu and the content area.
*/
#layout {
position: relative;
padding-left: 0;
}
#layout.active #menu {
left: 150px;
width: 150px;
}
#layout.active .menu-link {
left: 150px;
}
/*
The content `<div>` is where all your content goes.
*/
.content {
margin: 0 auto;
padding: 0 2em;
max-width: 800px;
margin-bottom: 50px;
line-height: 1.6em;
}
.header {
margin: 0;
color: #333;
text-align: center;
padding: 2.5em 2em 0;
border-bottom: 1px solid #eee;
}
.header h1 {
margin: 0.2em 0;
font-size: 3em;
font-weight: 300;
}
.header h2 {
font-weight: 300;
color: #ccc;
padding: 0;
margin-top: 0;
}
.content-subhead {
margin: 50px 0 20px 0;
font-weight: 300;
color: #888;
}
/*
The `#menu` `<div>` is the parent `<div>` that contains the `.pure-menu` that
appears on the left side of the page.
*/
#menu {
margin-left: -150px;
/* "#menu" width */
width: 150px;
position: fixed;
top: 0;
left: 0;
bottom: 0;
z-index: 1000;
/* so the menu or its navicon stays above all content */
background: #191818;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
/*
All anchors inside the menu should be styled like this.
*/
#menu a {
color: #999;
border: none;
padding: 0.6em 0 0.6em 0.6em;
}
/*
Remove all background/borders, since we are applying them to #menu.
*/
#menu .pure-menu,
#menu .pure-menu ul {
border: none;
background: transparent;
}
/*
Add that light border to separate items into groups.
*/
#menu .pure-menu ul,
#menu .pure-menu .menu-item-divided {
border-top: 1px solid #333;
}
/*
Change color of the anchor links on hover/focus.
*/
#menu .pure-menu li a:hover,
#menu .pure-menu li a:focus {
background: #333;
}
/*
This styles the selected menu item `<li>`.
*/
#menu .pure-menu-selected,
#menu .pure-menu-heading {
background: #1f8dd6;
}
/*
This styles a link within a selected menu item `<li>`.
*/
#menu .pure-menu-selected a {
color: #fff;
}
/*
This styles the menu heading.
*/
#menu .pure-menu-heading {
font-size: 110%;
color: #fff;
margin: 0;
}
/* -- Dynamic Button For Responsive Menu -------------------------------------*/
/*
The button to open/close the Menu is custom-made and not part of Pure. Here's
how it works:
*/
/*
`.menu-link` represents the responsive menu toggle that shows/hides on
small screens.
*/
.menu-link {
position: fixed;
display: block;
/* show this only on small screens */
top: 0;
left: 0;
/* "#menu width" */
background: #000;
background: rgba(0,0,0,0.7);
font-size: 10px;
/* change this value to increase/decrease button size */
z-index: 10;
width: 2em;
height: auto;
padding: 2.1em 1.6em;
}
.menu-link:hover,
.menu-link:focus {
background: #000;
}
.menu-link span {
position: relative;
display: block;
}
.menu-link span,
.menu-link span:before,
.menu-link span:after {
background-color: #fff;
width: 100%;
height: 0.2em;
}
.menu-link span:before,
.menu-link span:after {
position: absolute;
margin-top: -0.6em;
content: " ";
}
.menu-link span:after {
margin-top: 0.6em;
}
/* -- Responsive Styles (Media Queries) ------------------------------------- */
/*
Hides the menu at `48em`, but modify this based on your app's needs.
*/
.header,
.content {
padding-left: 2em;
padding-right: 2em;
}
#layout {
padding-left: 150px;
/* left col width "#menu" */
left: 0;
}
#menu {
left: 150px;
}
.menu-link {
position: fixed;
left: 150px;
display: none;
}
#layout.active .menu-link {
left: 150px;
}
\ No newline at end of file
css/layouts/side-menu.css 0 → 100644
View file @ 7c0d73ba
body {
color: #777;
}
.pure-img-responsive {
max-width: 100%;
height: auto;
}
/*
Add transition to containers so they can push in and out.
*/
#layout,
#menu,
.menu-link {
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
/*
This is the parent `<div>` that contains the menu and the content area.
*/
#layout {
position: relative;
padding-left: 0;
}
#layout.active #menu {
left: 150px;
width: 150px;
}
#layout.active .menu-link {
left: 150px;
}
/*
The content `<div>` is where all your content goes.
*/
.content {
margin: 0 auto;
padding: 0 2em;
max-width: 800px;
margin-bottom: 50px;
line-height: 1.6em;
}
.header {
margin: 0;
color: #333;
text-align: center;
padding: 2.5em 2em 0;
border-bottom: 1px solid #eee;
}
.header h1 {
margin: 0.2em 0;
font-size: 3em;
font-weight: 300;
}
.header h2 {
font-weight: 300;
color: #ccc;
padding: 0;
margin-top: 0;
}
.content-subhead {
margin: 50px 0 20px 0;
font-weight: 300;
color: #888;
}
/*
The `#menu` `<div>` is the parent `<div>` that contains the `.pure-menu` that
appears on the left side of the page.
*/
#menu {
margin-left: -150px; /* "#menu" width */
width: 150px;
position: fixed;
top: 0;
left: 0;
bottom: 0;
z-index: 1000; /* so the menu or its navicon stays above all content */
background: #191818;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
}
/*
All anchors inside the menu should be styled like this.
*/
#menu a {
color: #999;
border: none;
padding: 0.6em 0 0.6em 0.6em;
}
/*
Remove all background/borders, since we are applying them to #menu.
*/
#menu .pure-menu,
#menu .pure-menu ul {
border: none;
background: transparent;
}
/*
Add that light border to separate items into groups.
*/
#menu .pure-menu ul,
#menu .pure-menu .menu-item-divided {
border-top: 1px solid #333;
}
/*
Change color of the anchor links on hover/focus.
*/
#menu .pure-menu li a:hover,
#menu .pure-menu li a:focus {
background: #333;
}
/*
This styles the selected menu item `<li>`.
*/
#menu .pure-menu-selected,
#menu .pure-menu-heading {
background: #1f8dd6;
}
/*
This styles a link within a selected menu item `<li>`.
*/
#menu .pure-menu-selected a {
color: #fff;
}
/*
This styles the menu heading.
*/
#menu .pure-menu-heading {
font-size: 110%;
color: #fff;
margin: 0;
}
/* -- Dynamic Button For Responsive Menu -------------------------------------*/
/*
The button to open/close the Menu is custom-made and not part of Pure. Here's
how it works:
*/
/*
`.menu-link` represents the responsive menu toggle that shows/hides on
small screens.
*/
.menu-link {
position: fixed;
display: block; /* show this only on small screens */
top: 0;
left: 0; /* "#menu width" */
background: #000;
background: rgba(0,0,0,0.7);
font-size: 10px; /* change this value to increase/decrease button size */
z-index: 10;
width: 2em;
height: auto;
padding: 2.1em 1.6em;
}
.menu-link:hover,
.menu-link:focus {
background: #000;
}
.menu-link span {
position: relative;
display: block;
}
.menu-link span,
.menu-link span:before,
.menu-link span:after {
background-color: #fff;
width: 100%;
height: 0.2em;
}
.menu-link span:before,
.menu-link span:after {
position: absolute;
margin-top: -0.6em;
content: " ";
}
.menu-link span:after {
margin-top: 0.6em;
}
/* -- Responsive Styles (Media Queries) ------------------------------------- */
/*
Hides the menu at `48em`, but modify this based on your app's needs.
*/
@media (min-width: 48em) {
.header,
.content {
padding-left: 2em;
padding-right: 2em;
}
#layout {
padding-left: 150px; /* left col width "#menu" */
left: 0;
}
#menu {
left: 150px;
}
.menu-link {
position: fixed;
left: 150px;
display: none;
}
#layout.active .menu-link {
left: 150px;
}
}
@media (max-width: 48em) {
/* Only apply this when the window is small. Otherwise, the following
case results in extra padding on the left:
* Make the window small.
* Tap the menu to trigger the active state.
* Make the window large again.
*/
#layout.active {
position: relative;
left: 150px;
}
}
css/skel.css 0 → 100644
View file @ 7c0d73ba
/* Resets (http://meyerweb.com/eric/tools/css/reset/ | v2.0 | 20110126 | License: none (public domain)) */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}body{-webkit-text-size-adjust:none}
/* Box Model */
*, *:before, *:after {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
/* Container */
.container {
margin-left: auto;
margin-right: auto;
/* width: (containers) */
width: 1200px;
}
/* Modifiers */
/* 125% */
.container.\31 25\25 {
width: 100%;
/* max-width: (containers * 1.25) */
max-width: 1500px;
/* min-width: (containers) */
min-width: 1200px;
}
/* 75% */
.container.\37 5\25 {
/* width: (containers * 0.75) */
width: 900px;
}
/* 50% */
.container.\35 0\25 {
/* width: (containers * 0.50) */
width: 600px;
}
/* 25% */
.container.\32 5\25 {
/* width: (containers * 0.25) */
width: 300px;
}
/* Grid */
.row {
border-bottom: solid 1px transparent;
}
.row > * {
float: left;
}
.row:after, .row:before {
content: '';
display: block;
clear: both;
height: 0;
}
.row.uniform > * > :first-child {
margin-top: 0;
}
.row.uniform > * > :last-child {
margin-bottom: 0;
}
/* Gutters */
/* Normal */
.row > * {
/* padding: (gutters.horizontal) 0 0 (gutters.vertical) */
padding: 0 0 0 2em;
}
.row {
/* margin: -(gutters.horizontal) 0 -1px -(gutters.vertical) */
margin: 0 0 -1px -2em;
}
.row.uniform > * {
/* padding: (gutters.vertical) 0 0 (gutters.vertical) */
padding: 2em 0 0 2em;
}
.row.uniform {
/* margin: -(gutters.vertical) 0 -1px -(gutters.vertical) */
margin: -2em 0 -1px -2em;
}
/* 200% */
.row.\32 00\25 > * {
/* padding: (gutters.horizontal) 0 0 (gutters.vertical) */
padding: 0 0 0 4em;
}
.row.\32 00\25 {
/* margin: -(gutters.horizontal) 0 -1px -(gutters.vertical) */
margin: 0 0 -1px -4em;
}
.row.uniform.\32 00\25 > * {
/* padding: (gutters.vertical) 0 0 (gutters.vertical) */
padding: 4em 0 0 4em;
}
.row.uniform.\32 00\25 {
/* margin: -(gutters.vertical) 0 -1px -(gutters.vertical) */
margin: -4em 0 -1px -4em;
}
/* 150% */
.row.\31 50\25 > * {
/* padding: (gutters.horizontal) 0 0 (gutters.vertical) */
padding: 0 0 0 1.5em;
}
.row.\31 50\25 {
/* margin: -(gutters.horizontal) 0 -1px -(gutters.vertical) */
margin: 0 0 -1px -1.5em;
}
.row.uniform.\31 50\25 > * {
/* padding: (gutters.vertical) 0 0 (gutters.vertical) */
padding: 1.5em 0 0 1.5em;
}
.row.uniform.\31 50\25 {
/* margin: -(gutters.vertical) 0 -1px -(gutters.vertical) */
margin: -1.5em 0 -1px -1.5em;
}
/* 50% */
.row.\35 0\25 > * {
/* padding: (gutters.horizontal) 0 0 (gutters.vertical) */
padding: 0 0 0 1em;
}
.row.\35 0\25 {
/* margin: -(gutters.horizontal) 0 -1px -(gutters.vertical) */
margin: 0 0 -1px -1em;
}
.row.uniform.\35 0\25 > * {
/* padding: (gutters.vertical) 0 0 (gutters.vertical) */
padding: 1em 0 0 1em;
}
.row.uniform.\35 0\25 {
/* margin: -(gutters.vertical) 0 -1px -(gutters.vertical) */
margin: -1em 0 -1px -1em;
}
/* 25% */
.row.\32 5\25 > * {
/* padding: (gutters.horizontal) 0 0 (gutters.vertical) */
padding: 0 0 0 0.5em;
}
.row.\32 5\25 {
/* margin: -(gutters.horizontal) 0 -1px -(gutters.vertical) */
margin: 0 0 -1px -0.5em;
}
.row.uniform.\32 5\25 > * {
/* padding: (gutters.vertical) 0 0 (gutters.vertical) */
padding: 0.5em 0 0 0.5em;
}
.row.uniform.\32 5\25 {
/* margin: -(gutters.vertical) 0 -1px -(gutters.vertical) */
margin: -0.5em 0 -1px -0.5em;
}
/* 0% */
.row.\30 \25 > * {
padding: 0;
}
.row.\30 \25 {
margin: 0 0 -1px 0;
}
/* Cells */
.\31 2u, .\31 2u\24 { width: 100%; clear: none; margin-left: 0; }
.\31 1u, .\31 1u\24 { width: 91.6666666667%; clear: none; margin-left: 0; }
.\31 0u, .\31 0u\24 { width: 83.3333333333%; clear: none; margin-left: 0; }
.\39 u, .\39 u\24 { width: 75%; clear: none; margin-left: 0; }
.\38 u, .\38 u\24 { width: 66.6666666667%; clear: none; margin-left: 0; }
.\37 u, .\37 u\24 { width: 58.3333333333%; clear: none; margin-left: 0; }
.\36 u, .\36 u\24 { width: 50%; clear: none; margin-left: 0; }
.\35 u, .\35 u\24 { width: 41.6666666667%; clear: none; margin-left: 0; }
.\34 u, .\34 u\24 { width: 33.3333333333%; clear: none; margin-left: 0; }
.\33 u, .\33 u\24 { width: 25%; clear: none; margin-left: 0; }
.\32 u, .\32 u\24 { width: 16.6666666667%; clear: none; margin-left: 0; }
.\31 u, .\31 u\24 { width: 8.3333333333%; clear: none; margin-left: 0; }
.\31 2u\24 + *,
.\31 1u\24 + *,
.\31 0u\24 + *,
.\39 u\24 + *,
.\38 u\24 + *,
.\37 u\24 + *,
.\36 u\24 + *,
.\35 u\24 + *,
.\34 u\24 + *,
.\33 u\24 + *,
.\32 u\24 + *,
.\31 u\24 + * {
clear: left;
}
.\-11u { margin-left: 91.6666666667% }
.\-10u { margin-left: 83.3333333333% }
.\-9u { margin-left: 75% }
.\-8u { margin-left: 66.6666666667% }
.\-7u { margin-left: 58.3333333333% }
.\-6u { margin-left: 50% }
.\-5u { margin-left: 41.6666666667% }
.\-4u { margin-left: 33.3333333333% }
.\-3u { margin-left: 25% }
.\-2u { margin-left: 16.6666666667% }
.\-1u { margin-left: 8.3333333333% }
\ No newline at end of file
css/style-large.css 0 → 100644
View file @ 7c0d73ba
/*
Transit by TEMPLATED
templated.co @templatedco
Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
*/
\ No newline at end of file
css/style-medium.css 0 → 100644
View file @ 7c0d73ba
@charset "UTF-8";
/*
Transit by TEMPLATED
templated.co @templatedco
Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
*/
/* Basic */
body, input, select, textarea {
font-size: 12pt;
}
header.major h2 {
font-size: 2.25em;
}
header.major p {
font-size: 1.25em;
}
/* Header */
#skel-layers-wrapper {
padding-top: 0;
}
#header {
display: none;
}
/* Banner */
#banner {
padding: 6em 0em 6em;
}
#banner h2 {
font-size: 2.25em;
}
#banner p {
font-size: 1.25em;
}
/* Layers */
#navButton .toggle {
text-decoration: none;
height: 100%;
left: 0;
position: absolute;
top: 0;
width: 100%;
}
#navButton .toggle:before {
content: "";
-moz-osx-font-smoothing: grayscale;
-webkit-font-smoothing: antialiased;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
text-transform: none !important;
}
#navButton .toggle:before {
background: rgba(144, 144, 144, 0.65);
border-radius: 4px;
color: #fff;
display: block;
font-size: 16px;
height: 2.25em;
left: 0.5em;
line-height: 2.25em;
position: absolute;
text-align: center;
top: 0.5em;
width: 3.5em;
}
#navPanel {
background: rgba(255, 255, 255, 0.975);
color: #444;
border-right: solid 1px rgba(144, 144, 144, 0.25);
box-shadow: 0.5em 0 2em 0 rgba(0, 0, 0, 0.125);
}
#navPanel nav {
padding: 0.5em 1.25em;
}
#navPanel nav ul {
list-style: none;
margin: 0;
padding: 0;
}
#navPanel nav ul li {
padding: 0;
}
#navPanel nav ul li:first-child a:not(.button), #navPanel nav ul li:first-child span:not(.button) {
border-top: 0;
}
#navPanel nav ul li a.button, #navPanel nav ul li span.button {
margin-top: 0.5em;
}
#navPanel nav ul li a:not(.button), #navPanel nav ul li span:not(.button) {
border-top: 1px solid rgba(0, 0, 0, 0.125);
display: block;
padding: 0.75em 0;
text-decoration: none;
}
#navPanel nav .button {
width: 100%;
}
/* Footer */
#footer .copyright {
margin-top: 0;
text-align: center;
}
#footer .icons {
text-align: center;
}
\ No newline at end of file
css/style-small.css 0 → 100644
View file @ 7c0d73ba
/*
Transit by TEMPLATED
templated.co @templatedco
Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
*/
/* Basic */
body, input, select, textarea {
font-size: 12pt;
}
/* Banner */
#banner {
padding: 8em 2em 8em;
}
/* Wrapper */
.wrapper {
padding: 4em 0em 2em;
/* Style 2 Wrapper */
}
.wrapper.style2 footer {
width: 85%;
}
/* Footer */
#footer {
padding: 4em 0em 2em;
}
#footer .copyright li {
border-left: 0;
margin-left: 0;
padding-left: 0;
display: block;
}
\ No newline at end of file
css/style-xlarge.css 0 → 100644
View file @ 7c0d73ba
/*
Transit by TEMPLATED
templated.co @templatedco
Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
*/
/* Basic */
body, input, select, textarea {
font-size: 11pt;
}
\ No newline at end of file
css/style-xsmall.css 0 → 100644
View file @ 7c0d73ba
/*
Transit by TEMPLATED
templated.co @templatedco
Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
*/
/* Basic */
html, body {
min-width: 320px;
}
body, input, select, textarea {
font-size: 12pt;
}
header.major h2 {
font-size: 2em;
margin-bottom: 1em;
}
/* List */
ul.actions {
margin: 0 0 2em 0;
}
ul.actions li {
padding: 1em 0 0 0;
display: block;
text-align: center;
width: 100%;
}
ul.actions li:first-child {
padding-top: 0;
}
ul.actions li > * {
width: 100%;
margin: 0 !important;
}
ul.actions li > *.icon:before {
margin-left: -2em;
}
ul.actions.small li {
padding: 0.5em 0 0 0;
}
ul.actions.small li:first-child {
padding-top: 0;
}
/* Button */
input[type="submit"],
input[type="reset"],
input[type="button"],
.button {
padding: 0;
}
/* Banner */
#banner {
padding: 8em 2em 8em;
}
\ No newline at end of file
css/style.css 0 → 100644
View file @ 7c0d73ba
This diff is collapsed.
default.css 0 → 100644
View file @ 7c0d73ba
html, body
{
height: 100%;
}
body
{
margin: 0px;
padding: 0px;
background: #191919;
font-family: 'Source Sans Pro', sans-serif;
font-size: 12pt;
font-weight: 400;
color: #4E4D4D;
}
h1, h2, h3
{
margin: 0;
padding: 0;
}
p, ol, ul
{
margin-top: 0;
}
ol, ul
{
padding: 0;
list-style: none;
}
p
{
line-height: 180%;
}
strong
{
}
a
{
color: #383838;
}
a:hover
{
text-decoration: none;
}
.container
{
width: 1200px;
margin: 0px auto;
}
/*********************************************************************************/
/* Image Style */
/*********************************************************************************/
.image
{
display: inline-block;
}
.image img
{
display: block;
width: 100%;
}
.image-full
{
display: block;
width: 100%;
margin: 0 0 0 0;
}
.image-left
{
float: left;
margin: 0 2em 2em 0;
}
.image-centered
{
display: block;
margin: 0 0 2em 0;
}
.image-centered img
{
margin: 0 auto;
width: auto;
}
/*********************************************************************************/
/* List Styles */
/*********************************************************************************/
ul.style1
{
}
/*********************************************************************************/
/* Social Icon Styles */
/*********************************************************************************/
ul.contact
{
overflow: hidden;
margin: 0em 0 3em 0;
padding-top: 1em;
text-align: center;
}
ul.contact li
{
display: inline-block;
padding: 0em 0.30em;
font-size: 1em;
}
ul.contact li span
{
display: none;
margin: 0;
padding: 0;
}
ul.contact li a
{
color: #FFF;
}
ul.contact li a:before
{
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
font-size: 2em;
color: rgba(255,255,255,.3);
}
/*********************************************************************************/
/* Major Styles */
/*********************************************************************************/
.major
{
overflow: hidden;
margin-bottom: 4em;
text-align: center;
}
.major h2
{
letter-spacing: 0.10em;
text-transform: uppercase;
font-size: 3em;
font-weight: 700;
color: #3f3f3f;
}
.major .byline
{
display: block;
padding-top: 0.2em;
font-weight: 300;
font-size: 2em;
}
/*********************************************************************************/
/* Title Styles */
/*********************************************************************************/
.title
{
text-align: center;
}
.title h2
{
letter-spacing: 0.10em;
text-transform: uppercase;
font-weight: 700;
color: #3f3f3f;
}
.title .byline
{
display: block;
padding-top: 1em;
font-weight: 300;
font-size: 1.1em;
}
/*********************************************************************************/
/* Button Style */
/*********************************************************************************/
.button
{
display: inline-block;
margin: 1em 0em;
padding: 1em 3em 1em 3em;
background: #2A70E8;
border-radius: 8px;
letter-spacing: 0.20em;
text-decoration: none;
text-align: center;
text-transform: uppercase;
font-weight: 400;
font-size: 0.90em;
color: #FFF;
}
.button:before
{
}
/*********************************************************************************/
/* Header */
/*********************************************************************************/
#header
{
background: #2A70E8;
}
/*********************************************************************************/
/* Logo */
/*********************************************************************************/
#logo
{
padding: 4em 0em;
background: #FFF;
text-transform: uppercase;
}
#logo h1
{
text-align: center;
font-weight: 900;
font-size: 2.5em;
}
#logo h1 a
{
}
#logo span
{
padding: 0em 0em 0em 0.5em;
}
#logo h1:before
{
}
#logo a
{
color: #2A70E8;
}
/*********************************************************************************/
/* Menu */
/*********************************************************************************/
#menu ul
{
margin: 0;
padding: 20px 0px 20px 0px;
list-style: none;
line-height: normal;
text-align: center;
}
#menu li
{
display: inline-block;
}
#menu a
{
display: block;
padding: 1em 2em;
letter-spacing: 1px;
text-decoration: none;
text-transform: uppercase;
font-size: 1em;
font-weight: 700;
color: #FFF;
}
#menu .current_page_item a
{
border-radius: 30px;
border: 1px solid;
border-color: rgba(255,255,255,.2);
}
#menu a:hover
{
}
/*********************************************************************************/
/* Banner */
/*********************************************************************************/
#banner
{
}
/*********************************************************************************/
/* Page */
/*********************************************************************************/
#page-wrapper
{
background: #EEEEEE;
}
#page
{
overflow: hidden;
padding: 6em 0em;
}
/*********************************************************************************/
/* Content */
/*********************************************************************************/
#content
{
float: left;
width: 588px;
text-align: center;
}
#content .title
{
padding: 1em 2em 2em 2em;
text-align: center;
}
#content h2
{
font-size: 2em;
}
#content .byline
{
padding-top: 0;
font-size: 1.5em;
}
/*********************************************************************************/
/* Sidebar */
/*********************************************************************************/
#sidebar
{
float: right;
width: 588px;
}
/*********************************************************************************/
/* Footer */
/*********************************************************************************/
#footer
{
}
/*********************************************************************************/
/* Copyright */
/*********************************************************************************/
#copyright
{
overflow: hidden;
padding: 5em 0em;
}
#copyright p
{
letter-spacing: 0.20em;
text-align: center;
text-transform: uppercase;
font-size: 0.80em;
color: #6F6F6F;
}
#copyright a
{
text-decoration: none;
color: #8C8C8C;
}
/*********************************************************************************/
/* Featured */
/*********************************************************************************/
#featured-wrapper
{
overflow: hidden;
padding: 5em 0em;
background: #FFF;
}
#featured h2
{
text-align: center;
}
#featured .icon
{
position: relative;
display: block;
background: #2A70E8;
margin: 0px auto 20px auto;
line-height: 2.5em;
font-size: 4em;
text-align: center;
color: #FFF;
}
.column1,
.column2,
.column3,
.column4
{
width: 282px;
}
.column1,
.column2
{
float: left;
margin-right: 24px;
}
.column3
{
float: left;
}
.column4
{
float: right;
}
/*********************************************************************************/
/* Portfolio */
/*********************************************************************************/
#portfolio-wrapper
{
padding: 8em 0em 6em 0em;
}
#portfolio
{
overflow: hidden;
text-align: center;
}
#portfolio .major h2,
#portfolio .major .byline
{
color: rgba(255,255,255,0.9);
}
#portfolio img
{
margin: 0;
padding: 0;
}
#portfolio .box
{
padding: 30px;
background: #FFF;
border-radius: 0px 0px 8px 8px;
border-right: 1px solid #DADADA;
border-left: 1px solid #DADADA;
}
#contact .major h2,
#contact .major .byline
{
color: rgba(255,255,255,0.9);
}
fonts.css 0 → 100644
View file @ 7c0d73ba
This diff is collapsed.
fonts/fontawesome-social-webfont.svg 0 → 100644
View file @ 7c0d73ba
This diff is collapsed.
fonts/fontawesome-webfont (2).svg 0 → 100644
View file @ 7c0d73ba
This source diff could not be displayed because it is too large. You can view the blob instead.
fonts/fontawesome-webfont.svg 0 → 100644
View file @ 7c0d73ba
This source diff could not be displayed because it is too large. You can view the blob instead.
index.html 0 → 100644
View file @ 7c0d73ba
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="icon" href="ateneo.ico">
<meta charset="UTF-8">
<title>AISIS Online</title>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<meta name="description" content="" />
<meta name="keywords" content="" />
<script src="js/jquery.min.js"></script>
<script src="js/skel.min.js"></script>
<script src="js/skel-layers.min.js"></script>
<script src="js/init.js"></script>
<noscript>
<link rel="stylesheet" href="css/skel.css" />
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/style-xlarge.css" />
</noscript>
</head>
<body class="landing">
<header id="header">
<h1><a href="index.html">AISIS</a></h1>
<nav id="nav">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="contact.html">Contact Us</a></li>
<li><a href="" class="button special">Sign Up</a></li>
</ul>
</nav>
</header>
<section id="banner">
<h2> Welcome to Aisis online.</h2>
<p> For best results, we recommend Internet Explorer v 6 or higher and Mozilla Firefox v 1.5 or higher..</p>
<ul class="actions">
<li>
<a href="Loginfo.html" class="button big">Log in</a>
</li>
</ul>
</section>
</body>
</html>
\ No newline at end of file
js/html5shiv.js 0 → 100644
View file @ 7c0d73ba
/*
HTML5 Shiv v3.6.2 | @afarkas @jdalton @jon_neal @rem | MIT/GPL2 Licensed
*/
(function(l,f){function m(){var a=e.elements;return"string"==typeof a?a.split(" "):a}function i(a){var b=n[a[o]];b||(b={},h++,a[o]=h,n[h]=b);return b}function p(a,b,c){b||(b=f);if(g)return b.createElement(a);c||(c=i(b));b=c.cache[a]?c.cache[a].cloneNode():r.test(a)?(c.cache[a]=c.createElem(a)).cloneNode():c.createElem(a);return b.canHaveChildren&&!s.test(a)?c.frag.appendChild(b):b}function t(a,b){if(!b.cache)b.cache={},b.createElem=a.createElement,b.createFrag=a.createDocumentFragment,b.frag=b.createFrag();
a.createElement=function(c){return!e.shivMethods?b.createElem(c):p(c,a,b)};a.createDocumentFragment=Function("h,f","return function(){var n=f.cloneNode(),c=n.createElement;h.shivMethods&&("+m().join().replace(/\w+/g,function(a){b.createElem(a);b.frag.createElement(a);return'c("'+a+'")'})+");return n}")(e,b.frag)}function q(a){a||(a=f);var b=i(a);if(e.shivCSS&&!j&&!b.hasCSS){var c,d=a;c=d.createElement("p");d=d.getElementsByTagName("head")[0]||d.documentElement;c.innerHTML="x<style>article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}mark{background:#FF0;color:#000}</style>";
c=d.insertBefore(c.lastChild,d.firstChild);b.hasCSS=!!c}g||t(a,b);return a}var k=l.html5||{},s=/^<|^(?:button|map|select|textarea|object|iframe|option|optgroup)$/i,r=/^(?:a|b|code|div|fieldset|h1|h2|h3|h4|h5|h6|i|label|li|ol|p|q|span|strong|style|table|tbody|td|th|tr|ul)$/i,j,o="_html5shiv",h=0,n={},g;(function(){try{var a=f.createElement("a");a.innerHTML="<xyz></xyz>";j="hidden"in a;var b;if(!(b=1==a.childNodes.length)){f.createElement("a");var c=f.createDocumentFragment();b="undefined"==typeof c.cloneNode||
"undefined"==typeof c.createDocumentFragment||"undefined"==typeof c.createElement}g=b}catch(d){g=j=!0}})();var e={elements:k.elements||"abbr article aside audio bdi canvas data datalist details figcaption figure footer header hgroup main mark meter nav output progress section summary time video",version:"3.6.2",shivCSS:!1!==k.shivCSS,supportsUnknownElements:g,shivMethods:!1!==k.shivMethods,type:"default",shivDocument:q,createElement:p,createDocumentFragment:function(a,b){a||(a=f);if(g)return a.createDocumentFragment();
for(var b=b||i(a),c=b.frag.cloneNode(),d=0,e=m(),h=e.length;d<h;d++)c.createElement(e[d]);return c}};l.html5=e;q(f)})(this,document);
js/index.js 0 → 100644
View file @ 7c0d73ba
$('.message a').click(function(){
$('form').animate({height: "toggle", opacity: "toggle"}, "slow");
});
\ No newline at end of file
js/init.js 0 → 100644
View file @ 7c0d73ba
/*
Transit by TEMPLATED
templated.co @templatedco
Released for free under the Creative Commons Attribution 3.0 license (templated.co/license)
*/
(function($) {
skel.init({
reset: 'full',
breakpoints: {
global: {
href: 'css/style.css',
containers: 1400,
grid: { gutters: ['2em', 0] }
},
xlarge: {
media: '(max-width: 1680px)',
href: 'css/style-xlarge.css',
containers: 1200
},
large: {
media: '(max-width: 1280px)',
href: 'css/style-large.css',
containers: 960,
grid: { gutters: ['1.5em', 0] },
viewport: { scalable: false }
},
medium: {
media: '(max-width: 980px)',
href: 'css/style-medium.css',
containers: '90%!'
},
small: {
media: '(max-width: 736px)',
href: 'css/style-small.css',
containers: '90%!',
grid: { gutters: ['1.25em', 0] }
},
xsmall: {
media: '(max-width: 480px)',
href: 'css/style-xsmall.css'
}
},
plugins: {
layers: {
config: {
mode: 'transform'
},
navButton: {
breakpoints: 'medium',
height: '4em',
html: '<span class="toggle" data-action="toggleLayer" data-args="navPanel"></span>',
position: 'top-left',
side: 'top',
width: '6em'
},
navPanel: {
animation: 'overlayX',
breakpoints: 'medium',
clickToHide: true,
height: '100%',
hidden: true,
html: '<div data-action="moveElement" data-args="nav"></div>',
orientation: 'vertical',
position: 'top-left',
side: 'left',
width: 250
}
}
}
});
$(function() {
var $window = $(window),
$body = $('body');
// Disable animations/transitions until the page has loaded.
$body.addClass('is-loading');
$window.on('load', function() {
$body.removeClass('is-loading');
});
});
})(jQuery);
\ No newline at end of file
js/jquery.min.js 0 → 100644
View file @ 7c0d73ba
This diff is collapsed.
js/skel-layers.min.js 0 → 100644
View file @ 7c0d73ba
This diff is collapsed.
js/skel.min.js 0 → 100644
View file @ 7c0d73ba
This diff is collapsed.
js/ui.js 0 → 100644
View file @ 7c0d73ba
(function (window, document) {
var layout = document.getElementById('layout'),
menu = document.getElementById('menu'),
menuLink = document.getElementById('menuLink');
function toggleClass(element, className) {
var classes = element.className.split(/\s+/),
length = classes.length,
i = 0;
for(; i < length; i++) {
if (classes[i] === className) {
classes.splice(i, 1);
break;
}
}
// The className is not found
if (length === classes.length) {
classes.push(className);
}
element.className = classes.join(' ');
}
menuLink.onclick = function (e) {
var active = 'active';
e.preventDefault();
toggleClass(layout, active);
toggleClass(menu, active);
toggleClass(menuLink, active);
};
}(this, this.document));
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment