Skip to content
This repository has been archived by the owner on Nov 3, 2023. It is now read-only.

Commit

Permalink
Index.html restructure
Browse files Browse the repository at this point in the history 
big changes kasi pangit na yung isa
  • Loading branch information
@shindaeon
shindaeon committed Oct 7, 2023
1 parent f813572 commit 3dfd482
Show file tree
Hide file tree
Showing 4 changed files with 128 additions and 35 deletions.
48 changes: 46 additions & 2 deletions css/styles.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,6 +15,10 @@ h1{
font-size: 50px;
}

h2{
font-size: 30px;
}

.title{
margin: 20px;
padding: 10px;
Expand Down Expand Up @@ -47,11 +51,16 @@ h1{
}

.contentCard, .textContent{
margin: 60px;
text-align: left;
background-color: #ffe070;
padding: 20px;
padding: 30px;
color: #731b83;
border-radius: 20px;
margin-left: auto;
margin-right: auto;
margin-top: 20px;
margin-bottom: 20px;
width: 800px;
}

.contentText{
Expand Down Expand Up @@ -93,3 +102,38 @@ img{
.footerLinks{
color: #DFBDFF;
}

.homecard{
margin: 20px;
padding: 20px;
background-color: #ffe070;
border-radius: 20px;
color: #731b83;
}

.homenews{
padding: 40px;
background-color: #ffe070;
color: #731b83;
text-align: justify;
width: auto;
}

.newsitem{
padding-right: 20px;
}

.homeannounce{
text-align: right;
padding: 40px;
color: #ffe070;
}

.announceitem{
padding-right: 50px;
padding-left: 50px;
}

.announceitemdate{
text-align: left;
}
Binary file added images/news1.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added images/news2.jpg
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
115 changes: 82 additions & 33 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -34,66 +34,115 @@ <h2>"Be The Next Tycoon"</h2>
</div>

<!-- PROGRAMS OFFERED -->
<div class="contentCard">
<table>
<div class="homecard">
<h2>Want to Enroll? On what program?</h2>
<table style="margin: auto;">
<tr>
<td rowspan="3" style="padding-right: 50px;">
<img src="icons/programsoffered.png" height="120" width="120">
<td>
<img src="images/imagesample.png" alt="">
</td>
<td class="contentTitle"><b>PROGRAMS OFFERED</b></td>
</tr>
<tr>
<td class="contentText">
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Similique, fugiat numquam velit, labore tenetur laudantium quia quo dolore, unde expedita asperiores temporibus harum magnam nobis. Voluptate optio vel minima quisquam!
<td>
<img src="images/imagesample.png" alt="">
</td>
</tr>
<tr>
<td style="text-align: right;">
<a class="contentButton" href="pages/programsoffered.html">GO</a>
</td>
<th>Bachelor of Sciences in <br>Business Administration</th>
<th>Bachelor of Science in <br>Agribusiness</th>
</tr>

</table>
<h3>If we got what you need, enroll now!</h3>
</div>

<!-- NEWS -->
<div class="contentCard">
<table>
<div class="homenews">
<h2>College News</h2>
<table >
<tr>
<td rowspan="3" style="padding-right: 50px;">
<img src="icons/news.png" height="120" width="120">
<td class="newsitem">
<img src="images/news1.jpg" alt="" height="360" width="600">
</td>
<td class="contentTitle"><b>NEWS</b></td>
<td class="newsitem">
<img src="images/news2.jpg" alt="" height="360" width="600">
</td>
</tr>
<tr>
<td class="newsitem"><h3>Bravo, CBEshies!</h3></td>
<td class="newsitem"><h3>CBE Teacher's Day Program</h3></td>
</tr>
<tr>
<td class="contentText">
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Similique, fugiat numquam velit, labore tenetur laudantium quia quo dolore, unde expedita asperiores temporibus harum magnam nobis. Voluptate optio vel minima quisquam!
<td class="newsitem"><p>
At the recently conducted college - based ENTABLADO, the CBEshies gave a standing ovation worthy talents.
From performing arts up to the literary events, the College of Business Education have it all
</p></td>
<td class="newsitem">
<p>The College of Business Education held its Teachers' Day program filled with gratitude towards our amazing educators.</p>
</td>
</tr>
<tr>
<td style="text-align: right;">
<a class="contentButton" href="pages/news.html">READ</a>
<td class="newsitem" style="text-align: right;">
<a class="contentButton" href="" target="_blank">READ MORE</a>
</td>
<td class="newsitem" style="text-align: right;">
<a class="contentButton" href="" target="_blank">READ MORE</a>
</td>
</tr>
</table>
</div>

<!-- student organizations -->
<div class="contentCard">
<!-- announcements -->
<div class="homeannounce">
<h2>Announcements</h2>
<br>
<table>
<tr>
<td rowspan="3" style="padding-right: 50px;">
<img src="icons/studentorgs.png" height="120" width="120">
</td>
<td class="contentTitle"><b>STUDENT ORGANIZATIONS</b></td>
<td class="announceitemdate"><i>January 19, 2023</i></td>
<td class="announceitemdate"><i>October 1, 2023</i></td>
<td class="announceitemdate"><i>October 7, 2023</i></td>
<td class="announceitemdate"><i>October 10, 2023</i></td>
</tr>
<tr>
<td class="contentText">
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Similique, fugiat numquam velit, labore tenetur laudantium quia quo dolore, unde expedita asperiores temporibus harum magnam nobis. Voluptate optio vel minima quisquam!
<td class="announceitem">
<h3>
Deadline of Enrollment: <br>
January 20, 2023
</h3>
<p>
For second semester <br>
A.Y 2023-2024 <br>
</p>
</td>
</tr>
<tr>
<td style="text-align: right;">
<a class="contentButton" href="pages/studentorgs.html">EXPLORE</a>
<td class="announceitem">
<h3>
Midterms Schedule <br>
Now Released!
</h3>
<p>
Check out the Bayombong <br>
Registrar Facebook Page <br>
For More Details <br>
</p>
</td>
<td class="announceitem">
<h3>
Deadline of College Fees: <br>
October 20, 2023
</h3>
<p>
For First Semester <br>
A.Y 2023-2024
</p>
</td>
<td class="announceitem">
<h3>
CBE <br>
General Assembly
</h3>
<p>
In front of CBE Building <br>
October 16 2023 <br>
3:00PM - 5:00PM
</p>
</td>
</tr>
</table>
Expand Down

0 comments on commit 3dfd482

Please sign in to comment.