| Server IP : 138.197.162.186 / Your IP : 216.73.216.17 Web Server : nginx/1.24.0 System : Linux ubuntu-s-1vcpu-512mb-10gb-tor1 6.8.0-71-generic #71-Ubuntu SMP PREEMPT_DYNAMIC Tue Jul 22 16:52:38 UTC 2025 x86_64 User : root ( 0) PHP Version : 8.3.6 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : OFF Directory : /var/www/html/yogaensalada-site-backup/central/ |
Upload File : |
<!doctype html>
<html lang="en">
<head>
<!-- Required Meta Tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Additional Meta Tags -->
<meta name="author" content="Jaymie Tan">
<meta name="description" content="Central - PAMJE">
<!-- Bootstrap CSS -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="css/styles.css">
<!-- Bootstrap Icons Library -->
<title>Central -PAMJE</title>
</head>
<body>
<header class="pt-3">
<div class="container d-flex flex-wrap align-self-center mb-1">
<a href="#" class="d-flex align-items-center mb-3 mb-lg-0 me-lg-auto link-body-emphasis text-decoration-none">
<img src="img/central-logo.svg" alt="The Homestread Logo" width="100" height="100">
</a>
<form class="col-12 col-lg-auto mb-3 mb-lg-0 align-self-end " >
<input type="search" class="form-control mb-2" placeholder="Search..." aria-label="Search">
</form>
<ul class="nav align-self-end mb-2">
<li class="nav-item mx-1"><button type="button" class="btn btn-primary ">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-box-arrow-in-right" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M6 3.5a.5.5 0 0 1 .5-.5h8a.5.5 0 0 1 .5.5v9a.5.5 0 0 1-.5.5h-8a.5.5 0 0 1-.5-.5v-2a.5.5 0 0 0-1 0v2A1.5 1.5 0 0 0 6.5 14h8a1.5 1.5 0 0 0 1.5-1.5v-9A1.5 1.5 0 0 0 14.5 2h-8A1.5 1.5 0 0 0 5 3.5v2a.5.5 0 0 0 1 0z"/>
<path fill-rule="evenodd" d="M11.854 8.354a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H1.5a.5.5 0 0 0 0 1h8.793l-2.147 2.146a.5.5 0 0 0 .708.708z"/>
</svg>
Log in</button></li>
<li class="nav-item mx-1"><button type="button" class="btn btn-primary ">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-person-fill" viewBox="0 0 16 16">
<path d="M3 14s-1 0-1-1 1-4 6-4 6 3 6 4-1 1-1 1zm5-6a3 3 0 1 0 0-6 3 3 0 0 0 0 6"/>
</svg>
Register</button></li>
</ul>
</div>
<!-- Navigation Container -->
<nav class="navbar navbar-expand-lg cen-bg-darkblue">
<div class="container">
<!-- Toggler Button for Medium and Below -->
<button class="navbar-toggler " type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon "></span>
</button>
<!-- Navigation Links -->
<div class="collapse navbar-collapse cen-bg-darkblue " id="navbarNav">
<ul class="navbar-nav">
<li class="nav-item px-3">
<a class="nav-link text-white" href="index.html">HOME</a>
</li>
<li class="nav-item px-3">
<a class="nav-link text-white" href="#">ABOUT US</a>
</li>
<li class="nav-item px-3">
<a class="nav-link text-white " href="journal.html">JOURNALS</a>
</li>
<li class="nav-item px-3">
<div class="dropdown">
<a class="btn btn-secondary dropdown-toggle nav-link text-white" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
RESOURCES
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#">For Editors</a></li>
<li><a class="dropdown-item" href="#">For Researchers</a></li>
<li><a class="dropdown-item" href="#">For Authors</a></li>
<li><a class="dropdown-item" href="#">For Peer Reviewers</a></li>
</ul>
</div>
</li>
<li class="nav-item px-3">
<a class="nav-link text-white " href="#">NEWS AND ANNOUNCEMENT</a>
</li>
<li class="nav-item px-3">
<a class="nav-link text-white " href="#">PEER REVIEWERS</a>
</li>
<li class="nav-item px-3">
<a class="nav-link text-white " href="#">CONTACT US</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<!---main body-->
<!-- carousel-->
<main>
<div id="carouselExampleCaptions" class="carousel carousel-dark slide" data-bs-ride="carousel" data-bs-interval="3000">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2" aria-label="Slide 3"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active">
<img src="img/carousel-1.jpg" class="d-block custom-car-img-height-sm" alt="carousel 1">
<div class="carousel-caption ">
<div class="cen-bg-darkblue-opacity mt-sm-5">
<h2 class="text-white display-4">First slide label</h2>
<p class="text-white ">Some representative placeholder content for the first slide.</p>
</div>
<div class="button">
<a href="#" class="btn btn-primary cen-btn-darkblue p-2" role="button">Learn more</a>
</div>
</div>
</div>
<div class="carousel-item">
<img src="https://via.placeholder.com/1920x583" class="d-block custom-car-img-height-sm" alt="carousel 2">
<div class="carousel-caption ">
<div class="cen-bg-darkblue-opacity mt-sm-5">
<h2 class="text-white display-4">2nd slide label</h2>
<p class="text-white ">Some representative placeholder content for the first slide.</p>
</div>
</div>
</div>
<div class="carousel-item">
<img src="img/carousel-3.jpg" class="d-block custom-car-img-height-sm" alt="carousel 3">
<div class="carousel-caption ">
<div class="cen-bg-darkblue-opacity mt-sm-5">
<h2 class="text-white display-4">3rd slide label</h2>
<p class="text-white ">Some representative placeholder content for the first slide.</p>
</div>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
<!--central features section-->
<div class="container mb-5">
<!-- First Row: Central Features -->
<div class="row my-4">
<div class="col d-flex justify-content-between">
<h2 class="cen-h2-darkblue">Central Features</h2>
<a href="#" class="btn btn-primary">View all</a>
</div>
</div>
<!-- Second Row: Cards -->
<div class="row row-cols-1 row-cols-md-4 g-4">
<!-- Card 1 -->
<div class="col">
<div class="card rounded-0">
<img class="card-img-top rounded-0" src="https://via.placeholder.com/268x161" alt="Card 1">
<div class="card-body">
<h5 class="card-title cen-h2-darkblue">Card 1</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
</div>
</div>
</div>
<!-- Card 2 -->
<div class="col">
<div class="card rounded-0">
<img class="card-img-top rounded-0" src="https://via.placeholder.com/268x161" alt="Card 2">
<div class="card-body">
<h5 class="card-title cen-h2-darkblue">Card 2</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
</div>
</div>
</div>
<!-- Card 3 -->
<div class="col">
<div class="card rounded-0">
<img class="card-img-top rounded-0" src="https://via.placeholder.com/268x161" alt="Card 3">
<div class="card-body">
<h5 class="card-title cen-h2-darkblue">Card 3</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
</div>
</div>
</div>
<!-- Card 4 -->
<div class="col">
<div class="card rounded-0">
<img class="card-img-top rounded-0" src="https://via.placeholder.com/268x161" alt="Card 4">
<div class="card-body">
<h5 class="card-title cen-h2-darkblue">Card 4</h5>
<p class="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
</div>
</div>
</div>
</div>
</div>
<!-- Medical Journals Online-->
<div class="container cen-bg-darkgrey mb-5 py-5 ">
<div class="card-body">
<h3 class="card-title cen-h2-darkblue my-3 text-center">Medical Journal Online</h3>
<p class="card-text text-left px-5">Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem.</p>
<div class="container">
<!-- ======= Counts Section ======= -->
<div class="row d-flex justify-content-center py-5">
<div class="col-12 col-md-6 col-lg-3 d-flex justify-content-center mb-3">
<div class="cen-counts">
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="#fff" class="bi bi-journal-text" viewBox="0 0 16 16">
<path d="M5 10.5a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5m0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5m0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5m0-2a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5"/>
<path d="M3 0h10a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2v-1h1v1a1 1 0 0 0 1 1h10a1 1 0 0 0 1-1V2a1 1 0 0 0-1-1H3a1 1 0 0 0-1 1v1H1V2a2 2 0 0 1 2-2"/>
<path d="M1 5v-.5a.5.5 0 0 1 1 0V5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm0 3v-.5a.5.5 0 0 1 1 0V8h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1zm0 3v-.5a.5.5 0 0 1 1 0v.5h.5a.5.5 0 0 1 0 1h-2a.5.5 0 0 1 0-1z"/>
</svg>
<span data-purecounter-start="0" data-purecounter-end="133" data-purecounter-duration="1" class="purecounter"></span>
<p class="text-white">Journals</p>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3 d-flex justify-content-center mb-3">
<div class="cen-counts">
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="#fff" class="bi bi-prescription2" viewBox="0 0 16 16">
<path d="M7 6h2v2h2v2H9v2H7v-2H5V8h2z"/>
<path d="M2 1a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v2a1 1 0 0 1-1 1v10.5a1.5 1.5 0 0 1-1.5 1.5h-7A1.5 1.5 0 0 1 3 14.5V4a1 1 0 0 1-1-1zm2 3v10.5a.5.5 0 0 0 .5.5h7a.5.5 0 0 0 .5-.5V4zM3 3h10V1H3z"/>
</svg>
<span data-purecounter-start="0" data-purecounter-end="1200" data-purecounter-duration="1" class="purecounter"></span>
<p class="text-white">TextGoesHere</p>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3 d-flex justify-content-center mb-3">
<div class="cen-counts">
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="#fff" class="bi bi-heart-pulse" viewBox="0 0 16 16">
<path d="m8 2.748-.717-.737C5.6.281 2.514.878 1.4 3.053.918 3.995.78 5.323 1.508 7H.43c-2.128-5.697 4.165-8.83 7.394-5.857q.09.083.176.171a3 3 0 0 1 .176-.17c3.23-2.974 9.522.159 7.394 5.856h-1.078c.728-1.677.59-3.005.108-3.947C13.486.878 10.4.28 8.717 2.01zM2.212 10h1.315C4.593 11.183 6.05 12.458 8 13.795c1.949-1.337 3.407-2.612 4.473-3.795h1.315c-1.265 1.566-3.14 3.25-5.788 5-2.648-1.75-4.523-3.434-5.788-5"/>
<path d="M10.464 3.314a.5.5 0 0 0-.945.049L7.921 8.956 6.464 5.314a.5.5 0 0 0-.88-.091L3.732 8H.5a.5.5 0 0 0 0 1H4a.5.5 0 0 0 .416-.223l1.473-2.209 1.647 4.118a.5.5 0 0 0 .945-.049l1.598-5.593 1.457 3.642A.5.5 0 0 0 12 9h3.5a.5.5 0 0 0 0-1h-3.162z"/>
</svg>
<span data-purecounter-start="0" data-purecounter-end="753" data-purecounter-duration="1" class="purecounter"></span>
<p class="text-white">TextGoesHere</p>
</div>
</div>
<div class="col-12 col-md-6 col-lg-3 d-flex justify-content-center mb-3">
<div class="cen-counts">
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" fill="#fff" class="bi bi-people" viewBox="0 0 16 16">
<path d="M15 14s1 0 1-1-1-4-5-4-5 3-5 4 1 1 1 1zm-7.978-1L7 12.996c.001-.264.167-1.03.76-1.72C8.312 10.629 9.282 10 11 10c1.717 0 2.687.63 3.24 1.276.593.69.758 1.457.76 1.72l-.008.002-.014.002zM11 7a2 2 0 1 0 0-4 2 2 0 0 0 0 4m3-2a3 3 0 1 1-6 0 3 3 0 0 1 6 0M6.936 9.28a6 6 0 0 0-1.23-.247A7 7 0 0 0 5 9c-4 0-5 3-5 4q0 1 1 1h4.216A2.24 2.24 0 0 1 5 13c0-1.01.377-2.042 1.09-2.904.243-.294.526-.569.846-.816M4.92 10A5.5 5.5 0 0 0 4 13H1c0-.26.164-1.03.76-1.724.545-.636 1.492-1.256 3.16-1.275ZM1.5 5.5a3 3 0 1 1 6 0 3 3 0 0 1-6 0m3-2a2 2 0 1 0 0 4 2 2 0 0 0 0-4"/>
</svg>
<span data-purecounter-start="0" data-purecounter-end="383" data-purecounter-duration="1" class="purecounter"></span>
<p class="text-white">TextGoesHere</p>
</div>
</div>
</div>
<!-- End Counts Section -->
</div>
</div>
</div>
<!--News and Announcement-->
<div class="container mb-5">
<!-- First Row: Heading -->
<div class="row my-4">
<div class="col d-flex justify-content-between">
<h2 class="cen-h2-darkblue">News and Announcement</h2>
<a href="#" class="btn btn-primary">View all</a>
</div>
</div>
<!-- Row with 3 Cards -->
<div class="row border-1 border-success">
<div class="row py-5">
<!-- First Card -->
<div class="col-md-4 mb-3">
<div class="card bg-light rounded-0">
<img src="https://via.placeholder.com/350x200" class="card-img-top rounded-0" alt="Placeholder Image">
<div class="card-body">
<h5 class="card-title cen-h2-darkblue">Card 1 Title</h5>
</div>
</div>
</div>
<!-- Second Card -->
<div class="col-md-4 mb-3">
<div class="card bg-light rounded-0">
<img src="https://via.placeholder.com/350x200" class="card-img-top rounded-0" alt="Placeholder Image">
<div class="card-body">
<h5 class="card-title cen-h2-darkblue">Card 2 Title</h5>
</div>
</div>
</div>
<!-- Third Card -->
<div class="col-md-4 mb-3">
<div class="card bg-light rounded-0">
<img src="https://via.placeholder.com/350x200" class="card-img-top rounded-0" alt="Placeholder Image">
<div class="card-body">
<h5 class="card-title cen-h2-darkblue">Card 3 Title</h5>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<!--footer-->
<div class="container-fluid cen-bg-darkblue ">
<div class="container d-flex ">
<footer class="row cols-1 w-100">
<div class="col my-3 ">
<img src="img/logo1-2-white1.svg" alt="Central Logo" width="150" height="150">
<p class="text-white lh-sm">Mailing Address:</p>
<p class="text-white lh-sm">Telephone:</p>
<p class="text-white lh-sm">Email:</p>
</div>
<div class="col my-4 w-20">
</div>
<div class="col my-4 ">
<h5 class="text-white">About Us</h5>
<ul class="nav flex-column">
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-white">PAMJE</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-white">Team Central</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-white">Sponsors</a></li>
</ul>
</div>
<div class="col my-4 ">
<h5 class="text-white">Journals</h5>
<ul class="nav flex-column">
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-white">By Alphabetical</a></li>
</ul>
</div>
<div class="col my-4 ">
<h5 class="text-white">Resources</h5>
<ul class="nav flex-column">
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-white">For Editors</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-white">For Researchers</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-white">For Authors</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-white">for Peer Reviewers</a></li>
</ul>
</div>
<div class="col my-4 ">
<h5 class="text-white">Announcement</h5>
<ul class="nav flex-column">
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-white">What happened recently?</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-white">Archives</a></li>
</ul>
</div>
<div class="col my-4 " >
<h5 class="text-white">Contact</h5>
<ul class="nav flex-column">
<li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-white">Fb messenger</a></li>
</ul>
</div>
</footer>
</div>
<!-- Private Policy-->
<div class="d-flex flex-column flex-sm-row justify-content-between border-top">
<div class="mt-2 ">
<ul class="list-unstyled d-flex ">
<li><a href="#" class="nav-link text-white"><small>Privacy Policy</small> </a></li>
<li><span class="text-white"> | </span> </li>
<li><a href="#" class="nav-link text-white"><small> Terms and of Use </small></a></li>
</ul>
</div>
<div class="mt-2">
<ul class="list-unstyled d-flex">
<li class="ms-3"><a href="#"><img src="img/icon-yt.svg" alt="Youtube" height="20" width="20"></a></li>
<li class="ms-3"><a href="#"><img src="img/icon-fb.svg" alt="Facebook" height="20" width="20"></a></li>
<li class="ms-3"><a href="#"><img src="img/icon-ig.svg" alt="Instagram" height="20" width="20"></a></li>
</ul>
</div>
<div class="mt-2">
<a href="#" class="nav-link text-white"> <small> @2024 Copyright </small></a>
</div>
</div>
</div>
<!-- Vendor JS Files -->
<script src="js/purecounter/purecounter_vanilla.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz" crossorigin="anonymous"></script>
<!-- JS File -->
<script src="js/main.js"></script>
</body>
</html>