Dokumen ini ditujukan buat administrator pengelola konten mikrosite ugems.
1. Membuat Site Baru
2. Membuat Page dan Menu
3. Membuat Page Lanjutan
4. Membuat Konten Blog
5. Pengaturan dan Publishing Page
6. Custom Fragment Ugems Footer
Content HTML
<footer class="bg-footer section-footer text-white">
<div class="p-5">
<div class="container-fluid mb-auto ">
<div class="row">
<div class="col-12 col-md-6 mb-2">
<div class="mb-3 d-flex">
<img alt="Logo Image" data-lfr-editable-id="01-logo" class="pr-2" data-lfr-editable-type="image"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAnSURBVHgB7cwxEQAACAOxgn8fHB7wBiK6MHwEJKpnZUiZCAgIvgQHmksDKxJ1SeoAAAAASUVORK5CYII="
width="100%" height="50px" />
<img alt="Logo Image" data-lfr-editable-id="02-logo" class="border-left pl-2" data-lfr-editable-type="image"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAnSURBVHgB7cwxEQAACAOxgn8fHB7wBiK6MHwEJKpnZUiZCAgIvgQHmksDKxJ1SeoAAAAASUVORK5CYII="
width="160px" height="50px" />
</div>
<div clas="">
<lfr-editable id="footer-description" type="rich-text" class="text-justify"></lfr-editable>
</div>
</div>
<div class="col-12 col-md-3 mb-2">
<div class="h3">Menu</div>
<div class="mt-2">Beranda</div>
<div class="mt-2">Informasi Umum</div>
<div class="mt-2">Informasi Tambang</div>
<div class="mt-2">Hubungan Investor</div>
<div class="mt-2">Tata Kelola Perusahaan</div>
</div>
<div class="col-12 col-md-3 mb-2">
<div class="h3">Find Us</div>
<div class="mb-2">
Sinar Mas Land Plaza Tower II Lantai 6, Jl. M.H. Thamrin no. 51 Jakarta - Indonesia</div>
<div class="mb-2">021 - 5018 6888</div>
<div class="mb-2">021 - 3199 0319</div>
<div class="mb-2 text-break" style="width: 100%;">corsec@goldenenergymines.com</div>
<div class="mb-2 text-break" style="width: 100%;">sales@goldenenergymines.com</div>
</div>
</div>
</div>
<div class="container-fluid mt-5">
<div class="row">
<div class="col-12 text-center">
<div>Provided by Digitech - GEMS. ©️ 2022 PT. Golden Energy Mines, Tbk.</div>
</div>
</div>
</div>
</div>
</footer> |
Content CSS
.section-footer .section-footer-logo {
height: 32px;
}
.section-footer .portlet {
margin-bottom: 0;
}
.section-footer .navbar-nav .nav-link {
font-weight: 600;
}
.bg-footer {
background-color: #12263F;
}
|
Content Java Script: tidak diperlukan