Skip to content
This repository was archived by the owner on Jan 14, 2024. It is now read-only.

maziar html/css assignment - Batman #63

Closed
Maziarmajd wants to merge 5 commits into from
Closed

maziar html/css assignment - Batman #63

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
5 commits
Select commit Hold shift + click to select a range
b3014cc
Change the title of blog
Maziarmajd May 19, 2021
f84e581
change the title and add subtitle
Maziarmajd May 21, 2021
8058d71
style the title and subtitle and article
Maziarmajd May 21, 2021
c3a87e1
add footer
Maziarmajd May 21, 2021
66b04fc
Update style.css
Maziarmajd May 21, 2021
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
42 changes: 42 additions & 0 deletions css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,3 +6,45 @@
* for example: General styles, Navigation styles, Hero styles, Footer etc.
*
*/
body {
background-color: #e1f05b;
}
.title {
text-align: center;
color: rgb(0, 0, 0);
text-shadow: -2px 5px 5px grey;
font-family: shadows into light, sans-serif;
padding: 50px 5px 10px 5px;
font-size: 60px;
}
.subtitle {
text-align: center;
background-color: rgb(0, 0, 0);
color: yellow;
padding: 10px 5px 10px 5px;
font-size: 20px;
}
.articletitle {
text-align: center;
color: rgb(0, 0, 0);
text-shadow: -2px 5px 5px grey;
font-family: shadows into light, sans-serif;
padding: 50px 5px 10px 5px;
font-size: 30px;
}

.article {
margin: 15px;
border: 2px solid black;
box-shadow: 0px 0px 10px yellow;
border-radius: 15px;
background: linear-gradient(to right, yellow, white);
text-align: center;
padding: 10px 5px 5px 5px;
border-radius: 15px;
color: black;
font-family: Amatic SC, Arial, sans-serif;
font-size: 1.5em;
width: 98%;
font-weight: 750;
}
51 changes: 49 additions & 2 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,9 +6,9 @@
name="viewport"
content="width=device-width, initial-scale=1, shrink-to-fit=no"
/>
<title>My Blog</title>
<title>Batman The World's Greatest Detective</title>
<link
href="//fonts.googleapis.com/css?family=Roboto:400,500,300"
href="https://fonts.googleapis.com/css2?family=Amatic+SC:wght@700&family=Architects+Daughter&family=Permanent+Marker&family=Shadows+Into+Light&family=Special+Elite&display=swap:400,500,300"
rel="stylesheet"
type="text/css"
/>
Expand All @@ -17,6 +17,53 @@
</head>
<body>
<!-- Add your HTML markup here -->
<strong>
<h1 class="title">Batman The World's Greatest Detective</h1>
</strong>
<p class="subtitle">He has a phenomenal intelligence and a logical mind, allowing him to piece together myriad clues and use them to counter his enemies' strategies.</p>
<br>
<br>
<section>
<div class="articletitle">Is Batman Really DC Comics’ Greatest Detective?</div>
<p class="article">
The Caped Crusader has long held the title of “World’s Greatest Detective,” but does <a href="https://en.wikipedia.org/wiki/Batman">Batman</a> deserve it? The DC Universe is filled with spectacular sleuths and brilliant crime busters — including an entire intergalactic police force — so we’re taking a look at how the ‘World’s Best’ stacks up to the rest!
For the sake of brevity, we’re going to focus on the best known contenders to the mystery-solving crown, while leaving out one-off characters, famous cameos (sorry, Sherlock), and outdated early incarnations of established characters — for example, Batman’s butler, Alfred, started off as a comedically ineffective detective.
when an actual god gets murdered (as happened in Final Crisis), there’s only one guy you call to investigate: Batman. There are few heroes on Earth as smart as Batman, who has spent years training and honing his skills against some of the most horrifying psychopaths in the DCU (plus one dude who’s just straight up made of clay). Batman has been called ‘the most dangerous man on Earth’ (by Superman, no less), and is the only living being to ever figure a way out of Darkseid’s Omega Sanction (a “living death” that shoots the victim through time). While Batman may not be the greatest fighter in the DCU (shout out to Cassandra Cain) or the smartest person (possibly a tie between Brainiac and Mxyzptlk), there’s no one (yet) who is quite at his level in terms of sheer deductive reasoning.

</p>
<br>
<br>
<div class="articletitle">The Greatest BATMAN Detective Stories Ever Told</div>
<p class="article">

Batman is many things to many people. He is justice, he is vengeance, he is the night, but most importantly he is the world’s greatest detective. It’s easy to forget in between his high-speed Batmobile chases and epic slugfests with supervillains that Batman is, at his core, a super sleuth. With superior intellect, intuition, and some incredibly expensive gadgets, Batman is always three steps ahead of the bad guys because he uses deductive reasoning to crack even the toughest cases. So, in honor of Marie Lu’s thrilling new YA novel, Batman: Nightwalker, we’re going to run down some of the greatest Batman detective stories of all time.
This is our list:
<br>
<a href="https://dc.fandom.com/wiki/Batman:_Heart_of_Hush">Heart of Hush</a>
<br>
<a href="https://dc.fandom.com/wiki/Batman:_The_Black_Mirror">The Black Mirror</a>
<br>
<a href="https://dc.fandom.com/wiki/Batman:_Time_and_the_Batman_(Collected)">Time and the Batman</a>
<br>
<a href="https://dc.fandom.com/wiki/Batman:_Broken_City">Broken City</a>
<br>
<a href="https://dc.fandom.com/wiki/Batman:_Gotham_by_Gaslight">Gotham by Gaslight</a>
<br>
<a href="https://dc.fandom.com/wiki/Batman:_The_Long_Halloween">The Long Halloween</a>

</p>

</section>

<footer>

<a href="#">About Us</a>
<a href="#">Privacy</a>
<a href="#">Contact</a>

<span> &copy;Copy right 2021</span>
</footer>

<!-- Remember: Use semantic HTML tags like <header>, <main>, <nav>, <footer>, <section> etc -->
</body>
</html>