Skip to content

Commit

Permalink
update section
Browse files Browse the repository at this point in the history
  • Loading branch information
@roningrum
roningrum committed Aug 19, 2023
1 parent 312b557 commit cc3eb26
Show file tree
Hide file tree
Showing 3 changed files with 92 additions and 33 deletions.
46 changes: 42 additions & 4 deletions assets/css/main.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -1045,20 +1045,58 @@ section {
text-transform: uppercase;
}


.articles.rumah-pelita-article{
.articles .rumah-pelita-article{
align-items: center;
padding-bottom: 5rem;
text-align: center;
}


.articles .rumah-pelita-article .spark-image{
left:0;
top:50px;
right: 335px;
bottom: 0;
position: relative;
}


.articles .header-section{
padding: 0;
font-size: 20px;
letter-spacing: 1px;
text-transform: uppercase;
color: #EA5455;
font-weight: 700;
word-wrap: break-word;
}

.articles h3{
padding: 0;
font-size: 40px;
line-height: 50px;
color: #151C43;
font-family: var(--font-secondary);
font-weight: 600;
word-wrap: break-word;
}

.articles .btn-outline {
width: 250px;
border-color: var(--color-primary);
padding: 16px 30px;
font-size:20px;
color : var(--color-primary);
font-family: var(--font-primary);
font-weight: 700;
border-radius: 100px;
}

.articles .btn-outline:hover {
background-color: var(--color-primary);
border-color: var(--color-primary);
color:white;
}


/*--------------------------------------------------------------
# Call To Action Section
--------------------------------------------------------------*/
Expand Down
Binary file added assets/img/kid.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
79 changes: 50 additions & 29 deletions index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -63,7 +63,6 @@ <h1>Sayang Anak</h1>
<li class="dropdown"><a href="about.html"><span>Tentang Kami</span> <i
class="bi bi-chevron-down dropdown-indicator"></i></a>
<ul>
<li><a href="#">Profil</a></li>
<li><a href="#"><span>Profil</span></a></li>
<li><a href="#"><span>Visi dan Misi</span></a></li>
<li><a href="#"><span>Tim Kami</span></a></li>
Expand Down Expand Up @@ -135,8 +134,8 @@ <h5 class="header-section">Kegiatan</h5>
<div class="d-flex align-items-top justify-content-center">
<h3>Sayang Anak</h3>
</div>
<div class="article-part">
<div class="row gy-4">
<div class="article-part px-5">
<div class="row g-4">
<div class="col-lg-6 col-md-6 service-item d-flex" data-aos="fade-up">
<div class="container">
<div class="card border-0">
Expand Down Expand Up @@ -262,9 +261,9 @@ <h4>Rumah Pelita Kota Semarang: Inovasi Kolaboratif untuk Meningkatkan Kualitas
<h5 class="header-section">Program Kami</h5>
<h3>Kami Memberikan Program Unggulan </h3>
</div>
<div class="content px-6">
<div class="content px-5">
<div class="row g-4">
<div class="col-lg-3 col-md-6" data-aos="fade-up" data-aos-delay="100">
<div class="col-xl-3 col-lg-3 col-md-6" data-aos="fade-up" data-aos-delay="100">
<div class="card">
<div class="card-img">
<img src="assets/img/icon/hand-heart-line.png" alt="" class="img-fluid">
Expand All @@ -273,7 +272,7 @@ <h3><a href="service-details.html" class="stretched-link">Informasi & Edukasi</a
<p>Artikel, panduan, & sumber terpercaya tentang anak</p>
</div>
</div>
<div class="col-lg-3 col-md-6" data-aos="fade-up" data-aos-delay="100">
<div class="col-xl-3 col-lg-3 col-md-6" data-aos="fade-up" data-aos-delay="100">
<div class="card">
<div class="card-img">
<img src="assets/img/icon/pie-chart-line.png" alt="" class="img-fluid">
Expand All @@ -282,7 +281,7 @@ <h3><a href="service-details.html" class="stretched-link">Pemantauan Anak</a></h
<p>Melacak perkembangan anak dengan flexibilitas</p>
</div>
</div>
<div class="col-lg-3 col-md-6" data-aos="fade-up" data-aos-delay="100">
<div class=" col-xl-3 col-lg-3 col-md-6" data-aos="fade-up" data-aos-delay="100">
<div class="card">
<div class="card-img">
<img src="assets/img/icon/Group.png" alt="" class="img-fluid">
Expand All @@ -291,7 +290,7 @@ <h3><a href="service-details.html" class="stretched-link">Rapor Anak</a></h3>
<p>Laporan lengkap aspek fisik, kognitif, sosial anak</p>
</div>
</div>
<div class="col-lg-3 col-md-6" data-aos="fade-up" data-aos-delay="100">
<div class="col-xl-3 col-lg-3 col-md-6" data-aos="fade-up" data-aos-delay="100">
<div class="card">
<div class="card-img">
<img src="assets/img/icon/calendar-line.png" alt="" class="img-fluid">
Expand All @@ -310,7 +309,7 @@ <h3><a href="service-details.html" class="stretched-link">Jadwal Pemeriksaan</a>
<!-- ======= Services Section ======= -->
<section id="service" class="services">
<div class="container services-content" data-aos="zoom-out">
<div class="row g-2 align-items-center">
<div class="row g-4">
<div class="col-lg-6 col-md-6">
<div class="header-title">
<h5 class="header-section">Tentang Kami</h5>
Expand Down Expand Up @@ -339,24 +338,13 @@ <h4>4.7/5</h4>
</div>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="row">
<div class="col-lg-1 col-md-6">
<div class="services-decor">
<img src="assets/img/icon/books-decor.jpg" alt="">
</div>
</div>
<div class="col-lg-11 col-md-6">
<div class="service-icon-image" style="top:0; bottom: 0;">
<img src="assets/img/icon/test-image.png" alt="">
</div>

</div>
<div class="col-lg-6 col-md-6 mx-auto">
<div class="services-decor">
<img src="assets/img/icon/books-decor.jpg"style="position:relative;">
</div>
<div class="service-icon-image">
<img src="assets/img/icon/test-image.png" height="auto" style="top:-100px; right:10px; position:relative;"alt="">
</div>
<!-- <div class="services-decor">
<img src="assets/img/icon/books-decor.jpg" alt="">
</div> -->

</div>
</div>
<div class="counter-statistic mt-5" style="background-image:url(assets/img/icon/area.png); background-color: #1D64EE; background-repeat: no-repeat;">
Expand Down Expand Up @@ -414,7 +402,40 @@ <h5 class="header-section">Artikel Terbaru</h5>
<div class="d-flex align-items-top justify-content-center">
<h3>Informasi Seputar Kesehatan Anak</h3>
</div>
<button type="submit" class="btn btn-outline"><span>Lihat Berita Lainya</span></button>
<div class="article-slider swiper-wrapper">
<div class="article-slider">
<div class="row g-4">
<div class="col-lg-3 col-md-6">
<div class="card-articles card">
<h5> Hello</h5>
<p>Hellow</p>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="card-articles card">
<h5> Hello</h5>
<p>Hellow</p>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="card-articles card">
<h5> Hello</h5>
<p>Hellow</p>
</div>
</div>
<div class="col-lg-3 col-md-6">
<div class="card-articles card">
<h5> Hello</h5>
<p>Hellow</p>
</div>
</div>
</div>
</div>
</div>



<button type="submit" class="btn btn-outline"><span>Lihat Artikel Lainya</span></button>

</div>
</div>
Expand All @@ -427,11 +448,11 @@ <h3>Informasi Seputar Kesehatan Anak</h3>
<section id="faq" class="faq">
<div class="container" data-aos="fade-up">

<div class="section-header">
<!-- <div class="section-header">
<span>Frequently Asked Questions</span>
<h2>Frequently Asked Questions</h2>
</div>
</div> -->

<div class="row justify-content-center" data-aos="fade-up" data-aos-delay="200">
<div class="col-lg-10">
Expand Down

0 comments on commit cc3eb26

Please sign in to comment.