Skip to content

Instantly share code, notes, and snippets.

View semiarthanoian's full-sized avatar

Semi Art semiarthanoian

1 follower · 57 following
  • Hanoi, Vietnam
View GitHub Profile
@semiarthanoian
semiarthanoian / bootstrap-it.css
Created April 25, 2022 14:25
body {
/* preserve navbar */
padding-top: 62px;
}
.bg-dark {
background-color: Black !important;
}
.bg-light {
@semiarthanoian
semiarthanoian / bootstrap-it.html
Created April 25, 2022 14:24
<!doctype html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Homepage - Bootstrap It !</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
@semiarthanoian
semiarthanoian / responsive-navbar.html
Created April 25, 2022 14:28
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>A responsive navigation bar</title>
<link rel="stylesheet" href="master.css">
</head>
<body>
@semiarthanoian
semiarthanoian / responsive-navbar.css
Created April 25, 2022 14:29
/* * * * * * * * * * * * * * * * * * * * * * * * * * *
* Reseting CSS
*/
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
@semiarthanoian
semiarthanoian / dropdown.html
Created April 26, 2022 06:27
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Một cái dropdown kỳ lạ :D</title>
<link rel="stylesheet" href="dropdown.css">
</head>
<body>
<div class="dropdown">
@semiarthanoian
semiarthanoian / dropdown.css
Last active April 26, 2022 06:35
.dropdown {
font-family: Arial, sans-serif;
font-size: 16px;
display: inline-block;
position: relative;
}
.dropdown-btn {
font-size: 14px;
@semiarthanoian
semiarthanoian / dropdown.css
Created April 27, 2022 03:50
.dropdown {
font-family: Arial, sans-serif;
font-size: 16px;
display: inline-block;
position: relative;
}
.dropdown-btn {
font-size: 14px;
@semiarthanoian
semiarthanoian / dropdown.js
Created April 27, 2022 03:51
var toggleTheList = function(event) {
var theBtn = event.target;
var theList = theBtn.nextElementSibling;
var theListIsHidden = theList.className.includes('hidden');
if (theListIsHidden)
theList.className = 'dropdown-list shown';
else
theList.className = 'dropdown-list hidden';
};
@semiarthanoian
semiarthanoian / dropdown.html
Created April 27, 2022 04:13
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>A Normal Dropdown</title>
@semiarthanoian
semiarthanoian / dropdown.css
Created April 27, 2022 04:14
.dropdown {
font-family: Arial, sans-serif;
font-size: 16px;
display: inline-block;
position: relative;
}
.dropdown-btn {
font-size: 14px;