From d0f4983e61ca0311e0efafe368cb5059f9ba25e9 Mon Sep 17 00:00:00 2001 From: swad007 Date: Wed, 9 Dec 2020 21:52:06 +0530 Subject: [PATCH] added an bootstrap navbar --- .../Bootstrap Navbar/index.html | 159 ++++++++++++++++ .../Bootstrap Navbar/style.css | 172 ++++++++++++++++++ 2 files changed, 331 insertions(+) create mode 100644 Module 1 - HTML and CSS/Topic 15 - Navigation/Bootstrap Navbar/index.html create mode 100644 Module 1 - HTML and CSS/Topic 15 - Navigation/Bootstrap Navbar/style.css diff --git a/Module 1 - HTML and CSS/Topic 15 - Navigation/Bootstrap Navbar/index.html b/Module 1 - HTML and CSS/Topic 15 - Navigation/Bootstrap Navbar/index.html new file mode 100644 index 0000000..4f3d608 --- /dev/null +++ b/Module 1 - HTML and CSS/Topic 15 - Navigation/Bootstrap Navbar/index.html @@ -0,0 +1,159 @@ + + + + + Batman + + + + + + + +
+ +
+
+ +
+
+
+

BATMAN

+

A silent guardian, a watchful protector. A dark knight.

+
+
+
+
+
+

Batman is a fictional superhero appearing in American comic books published by DC Comics. The character was created by artist Bob Kane and writer Bill Finger, and first appeared in Detective Comics #27 (May 1939). Originally named the "Bat-Man", the character is also referred to by such epithets as the Caped Crusader, the Dark Knight, and the World's Greatest Detective.

+

+ Batman's secret identity is Bruce Wayne, an American billionaire, playboy, philanthropist, and owner of Wayne Enterprises. After witnessing the murder of his parents Thomas Wayne and Martha Wayne as a child, he swore revenge on criminals, an oath tempered by a sense of justice. Wayne trains himself physically and intellectually and crafts a bat-inspired persona to fight crime. Batman operates in the fictional Gotham City, with assistance from various supporting characters, including his butler Alfred, police commissioner Gordon, and vigilante allies such as Robin. Unlike most superheroes, Batman does not possess any superpowers; rather, he relies on his genius intellect, physical prowess, martial arts abilities, detective skills, science and technology, vast wealth, intimidation, and indomitable will. A large assortment of villains make up Batman's rogues gallery, including his archenemy, the Joker.

+
+
+
+

Partnerships

+ +
    +
  1. Robin
    2. +
  2. Batgirl
    3. +
  3. James "Jim" Gordon
    4. +
  4. Green Arrow
    5. +
  5. Catwoman
    6. +
  6. Superman
    7. +
  7. Wonder Woman
    8. +
+
+ +
+

Abilities

+ +
    +
  • Genius-level intellect
    • +
  • Peak human physical and mental conditioning
    • +
  • Expert martial artist and hand-to-hand combatant
    • +
  • Expert detective
    • +
  • Utilizes high-tech equipment and weapons
    • +
+
+
+ +
+

Batman villains

+ + + + + + + + + + + + + +
NAME FIRST APPEARANCE ABILITIES
Joker Batman #1 (April 1940) Criminal mastermind, expert chemist, utilizes weaponized props and toxins
Ra’s al Ghul Batman #232 (June 1971) Genius-level intellect, peak physical conditioning, superior strength and stamina, master martial artist and hand-to-hand combatant for centuries
Two face Detective Comics #66 (August 1942) Schizoid criminal mastermind obsessed with duality, extensive knowledge in law, experienced hand-to-hand combatant and detective
Bane Batman: Vengeance of Bane 1 (January 1993) Brilliant military strategist, trained mercenary, peak human physical conditioning, venom enhanced strength and durability
Black Mask Batman #386 (August 1985) Brilliant tactician and strategist, crime boss with powerful underworld connections, skilled marksman, advanced stamina and endurance
+
+ +
+

Secret Identity: Bruce Wayne

+ Bruce Wayne + +

Batman's secret identity is Bruce Wayne, a wealthy American industrialist who resides just outside of Gotham City. As a child, Bruce witnessed the murder of his parents, Thomas Wayne and Martha Wayne, which ultimately led him to craft the Batman persona and seek vengeance against criminals. Wayne averts suspicion by acting the part of a superficial playboy idly living off his family's fortune, which was amassed through investment in real estate before the city became a bustling metropolis, and the profits of Wayne Enterprises, his inherited conglomerate.Bruce Wayne resides just outside of Gotham City in Wayne Manor. He supports philanthropic causes through his nonprofit Wayne Foundation, but is more widely known as a celebrity socialite. In public, he appears frequently in the company of high-status women, which encourages tabloid gossip. Although Bruce Wayne leads an active romantic life, crime-fighting accounts for most of his time

+
+ +
+

Batman movies

+
+ Bruce Wayne +

Batman Begins
(2005)

+
+
+ Bruce Wayne +

The Dark Knight Begins
(2008)

+
+
+ Bruce Wayne +

The Dark Knight Rises
(2012)

+
+
+
+
+

Subscribe to our newsletter

+
+ + +
+
+
+ +
+ + + + diff --git a/Module 1 - HTML and CSS/Topic 15 - Navigation/Bootstrap Navbar/style.css b/Module 1 - HTML and CSS/Topic 15 - Navigation/Bootstrap Navbar/style.css new file mode 100644 index 0000000..eb1aa5f --- /dev/null +++ b/Module 1 - HTML and CSS/Topic 15 - Navigation/Bootstrap Navbar/style.css @@ -0,0 +1,172 @@ +body,html { + width: 100%; + height: 100%; +} + +body { + margin: 0; + padding: 0; + color: #000; + background: #ffffff; + font-family: 'Roboto', sans-serif; + max-width:1000px; +} + +p{ + text-align: justify; + text-justify: inter-word; +} + +#header { + padding: 5px 0px; + color:#403F3F; + text-align:center; + margin: auto; + border-bottom: 1px solid; +} + +h3{ + font-weight: 900; +} + +.logo{ + float: left; + height: 50px; + font-size: 18px; + line-height: 20px; +} + +.container { + padding:20px; + margin: auto; + width:100%; + overflow-x: hidden; +} +nav { + list-style-type: none; + margin: 0; + padding: 0; + overflow: hidden; +} + +li> a +{ + display: block; + color: #666; + padding: 14px 16px; + text-decoration: none; + float: right; +} + +#background_image { + height: 350px; + padding-top: 50px; + background: url(./img/bat_cover.jpg); + color: #fff; + margin: auto; + margin-top: 25px; +} + +.right{ + float: right; +} + +.left{ + float: left; +} + +table{ + border-collapse: collapse; + width: 100%; +} + +th,td { + padding:15px; + border: 1px solid #a4a4a4; + height: 30px; +} + +th { + text-align: left; + background-color: #ececec; +} + +#image{ + float:left; + padding:0px 20px 20px 0px; +} + + +#content { + background-color: rgba(0, 0, 0, 0.7); + max-width: 450px; + padding:30px 20px; + margin-top:50px; +} + +#content h2{ + font-size:16px; + font-weight: normal; +} + +.list_box{ + width:100%; + overflow:hidden; +} + +.box{ + display: inline-block; + width: 50%; + float:left; +} + + +img{ + max-width: 100%; + height: auto; + vertical-align: middle; +} + +#identity { + overflow: auto; +} + +.thumbnail { + display: inline-block; + height: auto; + padding: 4px; + margin-bottom: 20px; + background-color: #fff; + border: 1px solid #a4a4a4; + text-align: center; + color: #666; + margin: 50px; +} + +input[type="text"] { + padding: 14px 70px; + font-size: 15px; + margin-bottom: 30px; +} + +input[type="submit"] { + border: none; + background-color: #26211f; + color: white; + font-size: 16px; + margin: 4px -4px; + padding: 16px 40px; +} + + + +footer { + padding: 5px 0; + color:#000; + border-top: 1px solid; + margin: auto; +} + +footer p { + text-align: center; +}