ok
Mini Shell
<?php include"config/config.php";?>
<!DOCTYPE html>
<html lang="en">
<head>
<title>Caliber Embedded</title>
<meta name="keywords" content="Caliber Embedded" />
<meta name="description" content="Caliber Embedded" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<!-- FavIcon CSS -->
<link rel="icon" href="images/bg-pre.png" type="image/gif" sizes="16x16">
<!--Bootstrap CSS-->
<link rel="stylesheet" type="text/css" href="assets/css/bootstrap.min.css">
<!--Google Fonts CSS-->
<link rel="preconnect" href="https://fonts.googleapis.com/">
<link rel="preconnect" href="https://fonts.gstatic.com/" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
<!--Font Awesome Icon CSS-->
<link rel="stylesheet" type="text/css" href="assets/css/font-awesome.min.css">
<!-- Slick Slider CSS -->
<link rel="stylesheet" type="text/css" href="assets/css/slick.css">
<link rel="stylesheet" type="text/css" href="assets/css/slick-theme.css">
<!-- Wow Animation CSS -->
<link rel="stylesheet" type="text/css" href="assets/css/animate.min.css">
<!--Magnific Popup CSS-->
<link rel="stylesheet" type="text/css" href="assets/css/magnific-popup.min.css">
<!-- Main Style CSS -->
<link rel="stylesheet" type="text/css" href="assets/css/style.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css">
</head>
<style>
.header-menu {
position: relative;
text-align: left;
}
.header-top{
background: transparent;
}
.sec-btn {
background-color: #ff5219 !important;
}
@media (min-width: 1200px)
{
.main-navigation ul li {
padding-left: 9px !important;
font-size: 16px;
line-height: 24px;
display: inline-block;
margin-left: 22px !important;
position: relative;
}
.header-btn {
display: inline-block;
position: relative;
vertical-align: middle;
margin-left: 45px;
text-transform: uppercase;
}
#logo{
margin-left: 40px;
}
.main-navigation ul li.sub-items>a {
padding-right: 14px;
position: relative;
}
.header-menu {
position: relative;
text-align: left;
margin-left: -36px;
}
.main-navigation ul li ul.sub-menu li a {
display: block;
color: #050d36;
padding: 5px 39px;
transition: 0.3s;
}
}
@media (max-width: 991px){
.header-btn {
display: inline-block !important;
margin-left: 50%;
}
.sec-btn {
font-family: 'Roboto', sans-serif;
font-size: 10px;
line-height: 25px;
font-weight: 500;
text-transform: uppercase;
color: #ffffff !important;
height: 54px;
background-color: #ff5219;
display: inline-block;
padding: 13px !important;
transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;
position: relative;
z-index: 1;
}
#logo{
margin-left: 0px;
}
}
.site-branding a img {
width:280px;
height: 65px;
}
.main-navigation ul li ul.sub-menu {
width: 261px;
}
.main-navigation ul li.sub-items:hover>a, .main-navigation ul li a:hover, .main-navigation ul li.active>a {
color: #29aae1;
}
.sec-btn {
background-color: #a5cd39;
}
.course-tag-orange {
background-color: #a5cd39;
}
.course-box:hover .course-content .h3-title {
color: #a4cc39;
transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;
}
.sec-btn::before {
background-color: #29ade2;
}
.instructor-box:hover .h3-title{
color:#a5cd39;
}
.main-navigation ul li{
padding-left: 5px;
font-size: 16px;
line-height: 24px;
display: inline-block;
margin-left: 8px;
position: relative;
}
.sec-btn::before {
content: "";
position: absolute;
height: 35px;
width: 35px;
border-radius: 8px;
background-color: #050d36;
top: 50%;
transform: translateY(-50%);
right: 20px;
z-index: -1;
transition: all 0.2s cubic-bezier(0.98, 0.57, 1, 1) 0s;
}
</style>
<body>
<!-- Loader Start -->
<div class="loader-box">
<div class="loader">
<div class="loader__figure"></div>
<p class="loader__label">Loading...</p>
</div>
</div>
<!-- Loader End -->
<!-- Header Start -->
<header class="site-header">
<!-- Top start -->
<!-- Top End -->
<!--Navbar Start -->
<div class="header-bottom" style="background-color: transparent;box-shadow: -3px 7px 5px;padding: 10px 0px;">
<div class="container-fluid">
<div class="row align-items-center">
<div class="col-lg-2">
<!-- Sit Logo Start -->
<div class="site-branding">
<a href="index.php" title="">
<img src="images/two.png" alt="Logo">
</a>
</div>
<!-- Sit Logo End -->
</div>
<div class="col-lg-10">
<div class="header-menu">
<nav class="main-navigation">
<button class="toggle-button">
<span></span>
<span class="toggle-width"></span>
<span></span>
</button>
<ul class="menu">
<li class="active"><a href="index.php" style="font-family: Open Sans,sans-serif;font-weight: 700;">Home</a></li>
<li><a href="about.php" style="font-family: Open Sans,sans-serif;font-weight: 700;">About Us</a></li>
<li class="sub-items">
<a href="courses.php" title="Courses" style="font-family: Open Sans,sans-serif;font-weight: 700;">Courses</a>
<ul class="sub-menu">
<?php
$statement = $pdo->prepare("SELECT * FROM tbl_courses WHERE status=1");
$statement->execute();
$res_course = $statement->fetchAll(PDO::FETCH_ASSOC);
foreach ($res_course as $row_courses) {
?>
<li style="padding-left: 0px;">
<a href="all-course.php?course=<?=$row_courses['id']?>" title="Event Detail" style="font-family: Open Sans,sans-serif;font-weight: 700;">
<?=$row_courses['course_name']?>
</a>
</li>
<?php } ?>
</ul>
</li>
<li class="sub-items">
<a href="service.php" title="Pages" style="font-family: Open Sans,sans-serif;font-weight: 700;">Services</a>
<ul class="sub-menu">
<?php
$statement = $pdo->prepare("SELECT * FROM tbl_service WHERE service_type=1 AND status=1");
$statement->execute();
$res_service = $statement->fetchAll(PDO::FETCH_ASSOC);
foreach ($res_service as $row_services) {
?>
<li style="padding-left: 0px;">
<a href="all-services.php?service=<?=$row_services['id']?>" title="Event Detail" style="font-family: Open Sans,sans-serif;font-weight: 700;">
<?=$row_services['title']?>
</a>
</li>
<?php } ?>
</ul>
</li>
<li class="sub-items">
<a href="program.php" title="Blog" style="font-family: Open Sans,sans-serif;font-weight: 700;">Program</a>
<ul class="sub-menu">
<?php
$statement = $pdo->prepare("SELECT * FROM tbl_service WHERE service_type=2 AND status=1");
$statement->execute();
$res_service = $statement->fetchAll(PDO::FETCH_ASSOC);
foreach ($res_service as $row_services) {
?>
<li style="padding-left: 0px;">
<a href="program-details.php?product=<?=$row_services['id']?>" title="Event Detail" style="font-family: Open Sans,sans-serif;font-weight: 700;">
<?=$row_services['title']?>
</a>
</li>
<?php } ?>
</ul>
</li>
<li class="sub-items">
<a href="product.php" title="Blog" style="font-family: Open Sans,sans-serif;font-weight: 700;" >Products</a>
<ul class="sub-menu">
<?php
$statement = $pdo->prepare("SELECT * FROM tbl_service WHERE service_type=3 AND status=1");
$statement->execute();
$res_service = $statement->fetchAll(PDO::FETCH_ASSOC);
foreach ($res_service as $row_services) {
?>
<li style="padding-left: 0px;">
<a href="product-details.php?product=<?=$row_services['id']?>" title="Event Detail" style="font-family: Open Sans,sans-serif;font-weight: 700;">
<?=$row_services['title']?>
</a>
</li>
<?php } ?>
</ul>
</li>
<li><a href="contact.php" style="font-family: Open Sans,sans-serif;font-weight: 700;">Contact</a></li>
<li><a href="incubation.php" style="font-family: Open Sans,sans-serif;font-weight: 700;">Incubation Cell / MOU signed</a></li>
</ul>
</nav>
<div class="black-shadow"></div>
<div class="header-btn">
<a href="apply.php" class="sec-btn" style="font-family: Open Sans,sans-serif;font-weight: 700;padding: 15px 16px 9px 20px;">Apply Now</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!--Navbar End -->
</header>
<!-- Header End -->
Zerion Mini Shell 1.0