ronreciproco123
/
B322
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

S09 Empty commit

Browse Source
master
Ron Reciproco 1 year ago
parent 38a4ed8e57
commit f43370a7ef
7 changed files with 204 additions and 51 deletions
Show Stats Download Patch File Download Diff File

49
groupwork/frontend/s08/activity/index.css
Unescape Escape View File

@ -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;
}

4
individual/frontend/s08/discussion/index.html → groupwork/frontend/s08/activity/index.html
Unescape Escape View File

@ -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>

48
individual/frontend/s08/activity/index.css
Unescape Escape View File

@ -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;
}

93
individual/frontend/s08/activity/index.html
Unescape Escape View File

@ -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 you’ve 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 beginner’s 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>We’re confident in your ability to get your dream career after the training. You don’t have to pay for the program while you’re 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>

49
individual/frontend/s08/discussion/index.css
Unescape Escape View File

@ -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
individual/frontend/s09/discussion/index.css
Unescape Escape View File

12
individual/frontend/s09/discussion/index.html
Unescape Escape View File

@ -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>
Write Preview
Loading…
Cancel
Save