Thanks to visit codestin.com
Credit goes to www.scribd.com

Scribd
Upload
16 views8 pages

STEM Students' E-Portfolio

Uploaded by

bellezy14
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
16 views8 pages

STEM Students' E-Portfolio

Uploaded by

bellezy14
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as TXT, PDF, TXT or read online on Scribd
You are on page 1/ 8

<!

DOCTYPE html>
<html lang="en">
<head>
<title>Portfolio Website-MIL</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- linking css file -->
<link rel="stylesheet" href="style.css">
<!-- bootstrap CDN -->
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet">
<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js">
</script>
<!-- font awesome -->
<script src="https://kit.fontawesome.com/31149d48b0.js"
crossorigin="anonymous"></script>
</head>

<body>
<!-- navbar -->
<nav class="navbar navbar-expand-lg fixed-top navbar-dark navbarScroll">
<div class="container">
<a class="navbar-brand" href="#">MIL</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-
controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav ms-auto">
<li class="nav-item active">
<a class="nav-link" href="#home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#about-us">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#members">Members</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#achievements">Achievements</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#contact">Contact</a>
</li>
</ul>

</div>
</div>
</nav>

<!-- main banner -->


<section class="container-fluid secton bgimage" id="home">
<div class="row">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 hero-text">
<h2 class="hero_title">Hi, we are the Group 4!</h2>
<p class="hero_desc">We are a group of students from 12 STEM-
Excellence</p>
</div>
</div>
</div>
</section>

<!-- about us section-->


<section class= "container mt-4 pt-4 section" id="about">
<div class="container mt-4 pt-4">
<h1 class="text-center">About Us</h1>

<div class="row mt-4">


<div class="col-lg-6">
<img src="https://www.google.com/url?sa=i&url=https%3A%2F
%2Fwww.freepik.com%2Ffree-photos-vectors%2Fgroup-people-
drawing&psig=AOvVaw18UcAQDy1-LoAI6q-
cd7wo&ust=1707317320353000&source=images&cd=vfe&opi=89978449&ved=0CBMQjRxqFwoTCNCD1
OT6loQDFQAAAAAdAAAAABAJ" class= "image_about" alt="">
</div>

<div class="col-lg-6">
<p> Our group is formed through a counting system ranging from
1-5. We are composed of 9 members in total.

</p>
<div class="row mt-3">
<div class="col-md-6">
<ul>
<li>Name of Members: Jhaime, Arvie, Armiene, and
Elisha</li>
<li>Grade: 12 STEM Excellence</li>
<li>Occupation: Senior High Students</li>

</ul>
</div>
<div class="col-md-6">
<ul>
<li>Name of Members: Gieron, Clarisse, Russel,
Juslyn, and Mary</li>
<li>Grade: 12 STEM_ Excellence</li>
<li>Occupation: Senior High School Students</li>

</ul>
</div>
</div>
<div class="row mt-3">
<p> We were tasked to make this pretty challenging learning
portfolio, but we still made. Through thi E-Portfolio we will show you who we are,
are hobbies, and some notable achievements that we were proud of.
</p>
</div>
</div>
</div>
</section>

<!-- members section-->


<section class=" container section" id="members">
<div class="container">
<h1 class="text-center">Members</h1>
<div class="row">
<div class="col-lg-4 mt-4">
<div class="card membersText">
<div class="card-body">
<i class="fas servicesIcon fa-address-book"></i>
<h4 class="card-title mt-3">Jhaime Bondoc</h4>
<p class="card-text mt-3"> Jhaime is a 17 year old
girl, from Cabanatuan City, Nueva Ecija. She loves solving Math problems, reading,
and watching Animes.
</p>
</div>
</div>
</div>
<div class="col-lg-4 mt-4">
<div class="card members">
<div class="card-body">
<i class='fas membersIcon fa-address-book'></i>
<h4 class="card-title mt-3">Arvie Sorio</h4>
<p class="card-text mt-3"> Arvie is a 17 years old boy,
from Cabanatuan City, Nueva Ecija. He's hobbies are playing online games and
playing volleyball
</p>
</div>
</div>
</div>

<div class="col-lg-4 mt-4">


<div class="card membersText">
<div class="card-body">
<i class='far membersIcon fa-address-book'></i>
<h4 class="card-title mt-3">Armiene Puerto</h4>
<p class="card-text mt-3">Armiene is an 18 year old
girl, from Cabanatuan City, Nueva Ecija. She loves reading Haruki Murakami books
and would rather sleep all day than do anything else aside from cooking.
</p>
</div>
</div>
</div>
</div>

<div class="row">
<div class="col-lg-4 mt-4">
<div class="card membersText">
<div class="card-body">
<i class='fas membersIcon fa-address-book'></i>
<h4 class="card-title mt-3">Gieron Espiritu</h4>
<p class="card-text mt-3">Gieron is an 18 year old boy,
from Palayan City, Nueva Ecija. He is really good in playing video games and like
to help in doing household chores. In his freetime he likes to watch tiktok videos
or some random videos on facebook.
</p>
</div>
</div>
</div>

<div class="col-lg-4 mt-4">


<div class="card membersText">
<div class="card-body">
<i class='fas membersIcon fa-address-book'></i>
<h4 class="card-title mt-3">Elisha Ancheta</h4>
<p class="card-text mt-3">Elisha is an 18 year old
girl, from Cabanatuan City, Nueva Ecija. She is currently a 12th grade student.
</p>
</div>
</div>
</div>

<div class="col-lg-4 mt-4">


<div class="card membersText">
<div class="card-body">
<i class='fas membersIcon fa-address-book'></i>
<h4 class="card-title mt-3">Jusly Fajardo</h4>
<p class="card-text mt-3">Juslyn an 18 year old girl,
from Cabanatuan City, Nueva Ecija. She loves to draw as it eases her boredom, she
loves to read romantic-comedy and romance, because reading is her therapy, which
helps her cope with stress.
</p>
</div>
</div>
</div>

<div class="col-lg-4 mt-4">


<div class="card membersText">
<div class="card-body">
<i class='fas membersIcon fa-address-book'></i>
<h4 class="card-title mt-3">Russel Ramos</h4>
<p class="card-text mt-3">Russel is a 17 year old boy,
from Cabanatuan City, Nueva Ecija. And Russel loves to play basketball.
</p>
</div>
</div>
</div>

<div class="col-lg-4 mt-4">


<div class="card membersText">
<div class="card-body">
<i class='fas membersIcon fa-address-book'></i>
<h4 class="card-title mt-3"> Mary Joyce Julaton</h4>
<p class="card-text mt-3">Mary Joyce is a 17 year old
girl, from Cabanatuan City, Nueva Ecija. She is currently a 12th grade student.
</p>
</div>
</div>
</div>

<div class="col-lg-4 mt-4">


<div class="card membersText">
<div class="card-body">
<i class='fas membersIcon fa-address-book'></i>
<h4 class="card-title mt-3">Charisse Mendoza</h4>
<p class="card-text mt-3">Elisha is a 17 year old girl,
from Cabanatuan City, Nueva Ecija. She is currently a 12th grade student.
</p>
</div>
</div>
</div>
</div>
</div>
</section>

<!-- achievements section-->


<section class="section"id="achievements">
<div class="container mt-3">
<h1 class="text-center">Achievements</h1>
<div class="row">
<div class="col-lg-4 mt-4">
<div class="card">
<img class="card-img-top" src="https://scontent.fcrk3-
2.fna.fbcdn.net/v/t39.30808-6/355109922_1244608526246908_4692614210534141758_n.jpg?
_nc_cat=103&ccb=1-
7&_nc_sid=9c7eae&_nc_eui2=AeFQctA32nVBWMnWBvgAQokM74DSL9s7h__vgNIv2zuH_8NOG0vhkNEFH
TOfIrUPsKpBmQkDZxZ-JfuAggrRCe2q&_nc_ohc=hJGRjgqi2XoAX-CJmhm&_nc_ht=scontent.fcrk3-
2.fna&oh=00_AfD6juRUb-tZyJE8x0uvlCcnVOHSzs3YOwkJZAcbuvNRqg&oe=65C6EF05" alt="Card
image" style="width:100%">
<div class="card-body">
<h4 class="card-title">Jhaime Bondoc</h4>
<p class="card-text">Jhaime's notable achievements are
since elementary to senio high school she has been a consistent honor student. She
also achieved being one of the students who competed and won a math competitions
since Grade 3 to High School.</p>
<div class="text-center">
<a href="#"
class="https://www.facebook.com/jhamie.bondoc">Link</a>
</div>
</div>
</div>
</div>

<div class="col-lg-4 mt-4">


<div class="card portfolioContent">
<img class="card-img-top" src="https://scontent.fcrk3-
1.fna.fbcdn.net/v/t39.30808-6/355321804_1595964784142502_8343763675358565690_n.jpg?
_nc_cat=109&ccb=1-
7&_nc_sid=9c7eae&_nc_ohc=lWMI3YXhIoEAX8Ns4pw&_nc_ht=scontent.fcrk3-
1.fna&oh=00_AfBcbdA5EyuK9ZMQKhruKnuoJivOPhqYP6kaYr1zFdH0ig&oe=65C5A08C" alt="Card
image" style="width:100%">
<div class="card-body">
<h4 class="card-title">Arvie Sorio</h4>
<p class="card-text">Some of Arvie's notable achievement is
that when he was an elementary student he won "Mr. Darling of the Crowd".</p>
<div class="text-center">
<a href="#"
class="https://www.facebook.com/Arvie.Sorio.20">Link</a>
</div>
</div>
</div>
</div>

<div class="col-lg-4 mt-4">


<div class="card portfolioContent">
<img class="card-img-top" src="https://scontent.fcrk3-
2.fna.fbcdn.net/v/t39.30808-6/356990836_1653920828402463_3842234309890515825_n.jpg?
stp=cp6_dst-jpg&_nc_cat=105&ccb=1-7&_nc_sid=efb6e6&_nc_ohc=9OkTdEShDQoAX-
1YM9X&_nc_ht=scontent.fcrk3-
2.fna&oh=00_AfAKq0N9zERyv9UgA6aZuMF9LdYiC9H0NfGhmzGAgtvb8A&oe=65C5796D" alt="Card
image" style="width:100%">
<div class="card-body">
<h4 class="card-title">Armiene Puerto</h4>
<p class="card-text">Some of Armiene's notable
achievements is that when she was in Junior High she was an honor student and a
former futsal varsity player.</p>
<div class="text-center">
<a href="#"
class="https://www.facebook.com/ysabellly.14/">Link</a>
</div>
</div>
</div>
</div>
</div>
<br>
<div class="row">
<div class="col-lg-4 mt-4">
<div class="card portfolioContent">
<img class="card-img-top" src="https://scontent.fcrk2-
2.fna.fbcdn.net/v/t1.15752-9/421581330_3809844129235224_1542713336495765018_n.jpg?
_nc_cat=101&ccb=1-7&_nc_sid=8cd0a2&_nc_eui2=AeHnYmEqvcdnAVBdHDMM9-
CgO0AhgKnWpyU7QCGAqdanJTjL5WdY9NV9iJUOXKV8Z1bT2QmTPM524echQJBUBHZE&_nc_ohc=WpL4kVTk
s5sAX8jUnS1&_nc_ht=scontent.fcrk2-2.fna&oh=03_AdST59iNGvir0Y9eHXVkKN7jhi-
gPFROboYPX6eQ2EIyaQ&oe=65E9360E" alt="Card image" style="width:100%">
<div class="card-body">
<h4 class="card-title">Elisha Ancheta</h4>
<p class="card-text">Some of the achievements that Elisha
has achieved and she is proud of are when she was in 4th rade she won Best in Gown,
and when she was in 6th grade she won Best in Sports Attire, when she was in 6th,
9th, and 10th grade she was an honor student, Elisha is a JHS completer as well as
an LDTBA graduate..</p>
<div class="text-center">
<a href="#"
class="https://www.facebook.com/elishaysabella.ancheta">Link</a>
</div>
</div>
</div>
</div>

<div class="col-lg-4 mt-4">


<div class="card portfolioContent">
<img class="card-img-top" src="https://scontent.fcrk3-
1.fna.fbcdn.net/v/t1.15752-9/415622411_876671567585577_844776899633052570_n.jpg?
_nc_cat=106&ccb=1-
7&_nc_sid=8cd0a2&_nc_ohc=ZomjkGhzNEYAX86xwF4&_nc_ht=scontent.fcrk3-
1.fna&oh=03_AdSbriFpjBdsE2_ogyWGUcKFrC_2remtECDPNzAk4ZwzXQ&oe=65E8A3E9" alt="Card
image" style="width:100%">
<div class="card-body">
<h4 class="card-title">Gieron Espiritu</h4>
<p class="card-text">One of the achievements that Gieron is
proud of is that he is starting to gain the dream physique that he wanted by
training his body by lifting heavy weights. Gieron also competed in tournaments
online and won some of them.</p>
<div class="text-center">
<a href="#"
class="https://www.facebook.com/profile.php?id=100086663856279">Link</a>
</div>
</div>
</div>
</div>

<div class="col-lg-4 mt-4">


<div class="card portfolioContent">
<img class="card-img-top" src="https://scontent.fcrk3-
2.fna.fbcdn.net/v/t1.15752-9/421533212_1896727180755467_7703358803164989052_n.jpg?
_nc_cat=102&ccb=1-
7&_nc_sid=8cd0a2&_nc_eui2=AeFKGua2FNYK61DtZWVuE3EgS6v22ighUk1Lq_baKCFSTQ-
a7son0wlw355XcN4NcSBToM9VydRmcbzkfIQoWBWH&_nc_ohc=I9mx6e5MXO8AX-
08RjP&_nc_ht=scontent.fcrk3-
2.fna&oh=03_AdRT8PJFRvXIT9Wp1fuTJVnGtyLiqtqG8rUr47g3DsyxGw&oe=65E99B56" alt="Card
image" style="width:100%">
<div class="card-body">
<h4 class="card-title">Mary Joyce Julaton</h4>
<p class="card-text">Mary Joyce's achievements that she
is proud of is that since Grade 5 to Grade 10 she was a consistent honor student.
And she was also a badminton champion in school.</p>
<div class="text-center">
<a href="#"
class="https://www.facebook.com/search/top?q=casofea%20nicole%20julaton">Link</a>
</div>
</div>
</div>
</div>

<div class="col-lg-4 mt-4">


<div class="card portfolioContent">
<img class="card-img-top" src="https://scontent.fcrk3-
2.fna.fbcdn.net/v/t1.15752-9/415976115_726937949211900_3624811793184671759_n.jpg?
_nc_cat=100&ccb=1-7&_nc_sid=8cd0a2&_nc_eui2=AeGrKtbVYyY8CT0MIC2PZVV-
dwZKmuyEIA93Bkqa7IQgD03ZVhF1BracwKWmfP6p4v2xo4DCrA7GnkRBd9bstkPd&_nc_ohc=YWBKMCUUNe
8AX-doXzk&_nc_ht=scontent.fcrk3-
2.fna&oh=03_AdR2t8I40SNdtUqOMdGyx6F8Gx63ZDMUTH5VqOr3Q2KUDg&oe=65E98A6B" alt="Card
image" style="width:100%">
<div class="card-body">
<h4 class="card-title">Charisse Mendoza</h4>
<p class="card-text">Charisse's achievements that she
is proud of are when she was in Grade 4 she ranked 8 on the top of her class, and
when she was in grade school she won a cheerdance competition</p>
<div class="text-center">
<a href="#"
class="https://www.facebook.com/charisse.mendoza.5836">Link</a>
</div>
</div>
</div>
</div>

<div class="col-lg-4 mt-4">


<div class="card portfolioContent">
<img class="card-img-top" src="https://scontent.fcrk3-
1.fna.fbcdn.net/v/t1.15752-9/419254050_794965232439088_4590093061033148395_n.jpg?
_nc_cat=110&ccb=1-7&_nc_sid=8cd0a2&_nc_ohc=fWScyX0AaFAAX-
rA30m&_nc_ht=scontent.fcrk3-1.fna&oh=03_AdRHBFX5vP8SFr5v4fIiB11njdkNw5iR7Nw26rD_Wn-
Nng&oe=65E8B217" alt="Card image" style="width:100%">
<div class="card-body">
<h4 class="card-title">Juslyn Fajardo</h4>
<p class="card-text">Some of the notable achievements
achieved is that she is a JHS completer and she completed JUnior High as an honor
student..</p>
<div class="text-center">
<a href="#"
class="https://www.facebook.com/juslynmae.fajardo">Link</a>
</div>
</div>
</div>
</div>

<div class="col-lg-4 mt-4">


<div class="card portfolioContent">
<img class="card-img-top" src="https://scontent.fcrk3-
1.fna.fbcdn.net/v/t1.15752-9/417314073_927425848454604_1880827465170114874_n.jpg?
_nc_cat=111&ccb=1-7&_nc_sid=8cd0a2&_nc_ohc=R8RWA17zYEQAX-
hmVq2&_nc_ht=scontent.fcrk3-
1.fna&oh=03_AdR8TgD65xCnec7K0lo8kana59R0XykrxBp9Cf9c8nxSMQ&oe=65E8B21E" alt="Card
image" style="width:100%">
<div class="card-body">
<h4 class="card-title">Russel Ramos </h4>
<p class="card-text">Some achievements that Russel are
most proud of is that he completed JHS and when he was able to buy his very own
bike..</p>
<div class="text-center">
<a href="#"
class="https://www.facebook.com/search/top?q=russel%20ramos">Link</a>
</div>
</div>
</div>
</div>
</div>
</section>

<!-- footer section-->


<footer class="container-fluid" id="footer">
<div class="container-fluid">
<!-- social media icons -->
<div class="social-icons mt-4">
<a href="https://www.facebook.com/GSCSeniorHighSchool"
target="_blank"><i class="fab fa-facebook"></i></a>
<a href="https://www.facebook.com/goodsamcabanatuan"
target="_blank"><i class="fab fa-facebook"></i></a>
</div>
</div>
</footer>

<!-- load javascript after loading all html content -->


<script src="script/script.js"></script>

</body>

</html>

You might also like