Navigation Bar
Navigation Bar
Sep 14, 2022 Leave A Comment
If you ever come up with a situation where your client asked to publish content in a hurry and you don’t have anything prepared, the Dummy Text Generator Tool will be a source of great help. In professional environment, it happens sometimes that you are still not available with any of the relevant content. To fulfil the client’s requirement, Dummy Text Generator Tool can create a new content from an already existed material very easily.
It has been observed that usually the readers are concerned with what text or material is available to read. It is of less importance for them that from where and how the text has been made available. It has become a normal practice where you can be asked to publish something in hours and you never found it easy to just gather the information and present it in unique way.
Dummy Text Generator Tool allow you to fulfil this requirement in case of an emergency. It can generate a unique text from already available information that can be used unless you get the actual content. You can select up to ten paragraphs and Dummy Text Generator Tool will generate a complete new paragraphs with same understandable content.
HTML Code
<!-- HTML Code Sample -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
</body>
</html>HTML Code
/* CSS Code Sample */
*,
*::after,
*::before,
ul {
box-sizing: border-box;
padding: 0;
margin: 0;
transition: all 0.2s linear;
}
ul,
ol,
li {
padding: 0;
margin: 0;
list-style: none;
}
html {
font-size: 62.5%;
}
:root {
--white: #cccccc;
--black: #000;
--orange: #cc3a00;
--dark-gray: #111111;
--gray: #707070;
}
body {
background: var(--black);
font-family: "Poppins", sans-serif;
color: var(--white);
font-size: 1.6rem;
}
a {
color: var(--white);
text-decoration: none;
}
a:hover {
color: var(--orange);
}
#preloader {
position: fixed;
top: 0;
width: 100%;
height: 100vh;
background: #e9efef url(../images/loader.gif) no-repeat center center;
z-index: 999999;
opacity: 80%;
}
#page_desk {
background: var(--dark-gray);
padding: 4rem 0;
margin-top: 10rem;
}
section {
overflow: hidden;
padding-top: 10rem;
}
/* @media (min-width: 1600px) {
#navbar .container-fluid {
max-width: 96%;
}
}
@media (min-width: 1800px) {
#navbar .container-fluid {
max-width: 90%;
}
} */
@media (min-width: 1275px) {
.container {
max-width: 1250px;
}
}HTML Code
// JavaScript Code Sample
window.addEventListener("load", () => {
document.getElementById("preloader").style.display = "none";
});
// menu ul container class add
let btn = document.querySelector(".menu_btn");
let menu = document.querySelector(".main_menu ul");
btn.addEventListener("click", () => {
menu.classList.toggle("container");
});
// main menu link active
const menu_link = document.querySelectorAll(".menu_link");
menu_link.forEach((element) => {
element.addEventListener("click", function () {
menu_link.forEach((link) => link.classList.remove("active"));
this.classList.add("active");
});
});
// show main menu
let menuBtn = document.querySelector(".menu_btn");
let showNav = document.querySelector(".main_menu");
menuBtn.addEventListener("click", () => {
showNav.classList.toggle("show");
});
window.onscroll = () => {
showNav.classList.remove("show");
};HTML Code
// PHP Code Sample
<?php
$total_records = mysqli_num_rows(mysqli_query($conn, "SELECT * FROM `blog_posts` WHERE status = '1'"));
$limit = 6;
$total_pages = ceil($total_records / $limit);
if (isset($_GET['page'])) {
$page_no = $_GET['page'];
$prev_page = $page_no - 1;
$next_page = $page_no + 1;
$offset = ($page_no - 1) * $limit;
} else {
$page_no = 0;
$offset = 0;
$prev_page = 0;
$next_page = 2;
}
$post_query = mysqli_query($conn, "SELECT `title`, `slug`, `image`, `created_at` FROM `blog_posts` WHERE status = '1' ORDER BY id DESC LIMIT $limit OFFSET $offset");
if (mysqli_num_rows($post_query) > 0) {
while ($post_result = mysqli_fetch_array($post_query)) {
echo "Hello World";
}
}
?>related posts
Sep 14, 2022
HTML and CSS
If you ever come up with a situation where your client asked to publish....
Sep 14, 2022
HTML and CSS
If you ever come up with a situation where your client asked to publish....
07 Comments
Md. Minhaj Kobir
<h1 class="text-danger bg-white">How are you?</h1>'
Mst. Suraiya
Hello
Md. Minhaj Kobir
<h1 class="text-danger bg-white">How are you?</h1>
Test7 Ltest7
Humm
Test7 Ltest7
Very Nice
Test7 Ltest7
@Test7 Ltest7, Hello
Md. Minhaj Kobir
Great Post
Md. Minhaj Kobir
<h1 class="bg-danger text-black">How are you?</h1>
Test7 Ltest7
@Md. Minhaj Kobir, Sure
Test7 Ltest7
Python Programming
Test7 Ltest7
@Test7 Ltest7, Write
Md. Minhaj Kobir
Python
Md. Minhaj Kobir
@Test7 Ltest7, Hello