S09 Empty commit

master
Ron Reciproco 1 year ago
parent 38a4ed8e57
commit f43370a7ef

@ -0,0 +1,49 @@
/* CSS Reset Rule */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Open Sans', sans-serif;
}
/* Ron Task (Member 1 & 2 */
#pre-footer {
/* 2. Member 1 */
padding-top: 1rem;
padding-bottom: 1rem;
padding-left: 1rem;
padding-right: 1rem;
background-color: #002540;
color: white;
}
/* Chris ( Member 3 )*/
#pre-footer div {
display: inline-block;
width: 20%;
}
#pre-footer div p,
#pre-footer div h3 {
margin-top: 0.3rem;
margin-bottom: 0.3rem;
}
/* JP ( Member 4 )*/
footer {
padding-top: 0.7rem;
padding-left: 0.7rem;
padding-right: 0.7rem;
padding-bottom: 0.7rem;
}
/* Josua (Member 5) */
/*task #5*/
footer span{
margin-left: 0.5rem;
margin-right: 0.5rem;
}

@ -12,7 +12,7 @@
</head>
<body>
<!--
<nav>
<ul>
<li class="nav-logo">
@ -50,7 +50,7 @@
<p>Join our 4 Month Day Class for completely immersed and dedicated learning, or our 6 Month Night Class so you can learn even while working.</p>
</div>
</div>
</section>
</section> -->
<section id="pre-footer">
<div>

@ -0,0 +1,48 @@
/* CSS Reset Rule */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Open Sans', sans-serif;
}
/* Ron Task (Member 1 & 2 */
#pre-footer {
/* 2. Member 1 */
padding-top: 1rem;
padding-bottom: 1rem;
padding-left: 1rem;
padding-right: 1rem;
background-color: #002540;
color: white;
}
/* Chris ( Member 3 )*/
#pre-footer div {
display: inline-block;
width: 20%;
}
div p, div h3 {
margin-top: 0.3rem;
margin-bottom: 0.3rem;
}
/* JP ( Member 4 )*/
footer {
padding-top: 0.7rem;
padding-left: 0.7rem;
padding-right: 0.7rem;
padding-bottom: 0.7rem;
}
/* Josua (Member 5) */
/*task #5*/
footer span{
margin-left: 0.5rem;
margin-right: 0.5rem;
}

@ -0,0 +1,93 @@
<!DOCTYPE html>
<html>
<head>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet">
<link rel="stylesheet" href="index.css">
<title>CSS Box Model and Flexbox Layouting</title>
<!-- External CSS -->
<link rel="stylesheet" href="./index.css">
</head>
<body>
<!--
<nav>
<ul>
<li class="nav-logo">
<img src="https://d3ojsfl21hfxhc.cloudfront.net/assets/zuitt/zuittlogo.png">
</li>
<li class="nav">Home</li>
<li class="nav">Web Dev Program</li>
<li class="nav">Companies</li>
<li class="nav">Faq</li>
<li class="nav">Blog</li>
</ul>
</nav>
<section id="intro">
<h2 class="header">What is Zuitt?</h2>
<p>Zuitt is the #1 Philippine-based startup offering web development coding bootcamps in Manila. Thanks to our rapid growth, we can now help over 1,000 Filipinos learn web development with our every year. We also equip them with the job hunting skills needed to get hired as Software Engineers.Our secret to success is our belief that Filipinos can do much more with affordable and quality education. If you invest in your education, you can be in the best position to achieve the life youve always wanted for yourself and your family.</p>
<div>
<button>Apply Now</button>
</div>
</section>
<section id="succeed-info">
<h2 class="header">Succeed With Zuitt</h2>
<div>
<div class="card">
<h3>Beginner Friendly</h3>
<p>Experienced instructors will guide you from the ultimate beginners lesson to your final dynamic website, via a live online instruction with passionate peers and one-on-one Q&A.</p>
</div>
<div class="card">
<h3>Study Now, Pay Later</h3>
<p>Were confident in your ability to get your dream career after the training. You dont have to pay for the program while youre still learning.</p>
</div>
<div class="card">
<h3>Just 4/6 Months</h3>
<p>Join our 4 Month Day Class for completely immersed and dedicated learning, or our 6 Month Night Class so you can learn even while working.</p>
</div>
</div>
</section> -->
<section id="pre-footer">
<div>
<h3>About Us</h3>
<p>History</p>
<p>Mission & Vision</p>
<p>Founders</p>
<p>Branches</p>
</div>
<div>
<h3>Careers</h3>
<p>Junior Developer</p>
<p>Marketing Associate</p>
<p>Legal Staff</p>
<p>Junior Accountant</p>
</div>
<div>
<h3>Follow Us</h3>
<p>Facebook</p>
<p>LinkedIn</p>
</div>
<div>
<h3>Contact Us</h3>
<p>(02) 8 282 9520</p>
<p>0917 166 8714 (Globe), 0932 868 8713 (Smart)</p>
<p>helpdesk@zuitt.co</p>
</div>
</section>
<footer>
<!-- Creates an inline element -->
<span>Terms of Service</span>
<span>|</span>
<span>Privacy Policy</span>
<span>|</span>
<span>&copy; 2017-2019 Zuitt. All Rights Reserved</span>
</footer>
</body>
</html>

@ -1,49 +0,0 @@
/* CSS Reset Rule */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
/* Google Font for Body */
body {
font-family: 'Open Sans', sans-serif;
}
/* Var Setup */
:root {
--fw-400: 400;
}
nav {
/* applied padding to all sides */
/* Creates space from between ul tag and the nav elemeent */
padding: 0.8rem; /* << shorthand */
/* Properties that make up "padding" property */
/* Padding: 0.8rem; */
margin: 0 0 2rem 0;
border-bottom: 1px solid gray;
list-style: none;
}
nav .nav,
nav .nav-logo {
margin: 0.5rem;
display: inline;
}
#intro {
padding: 2rem 10% 3rem 10%;
text-align: center;
border: 1px solid black;
margin: 1%;
}
.header {
margin: 20px auto;
text-align: center;
}
#intro h2,
#intro p {
margin-bottom: 1rem;
}

@ -0,0 +1,12 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="index.css">
<title>Document</title>
</head>
<body>
</body>
</html>
Loading…
Cancel
Save