ben/freecodecamp
1
0
Fork 0
mirror of https://github.com/BenDWit/freecodecamp.git synced 2026-02-21 10:49:59 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

old stuff

Browse source
This commit is contained in:
bendwit 2025-07-28 14:09:47 +02:00
parent fc385a818d
commit 20c9e4212c
8 changed files with 158 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

23
Certified_Full_Stack_Developer/CSS/Confidential_Email/index.html Normal file
View file

@ -0,0 +1,23 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Confidential Email</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<main id="email">
<div id="confidential">
<p>CONFIDENTIAL</p>
</div>
<div id="top-secret">
<p>TOP SECRET</p>
</div>
<p>address:<span class="blurred">Homestreet 1 1919EI</span></p>
<p>name:<span class="blurred">BEN</span></p>
<p>sender:<span class="blurred">CIA</span></p>
</main>
</body>
</html>

28
Certified_Full_Stack_Developer/CSS/Confidential_Email/styles.css Normal file
View file

@ -0,0 +1,28 @@
#email {
padding: 50px;
margin-top: 50px;
width: 500px;
border: 2px solid black;
max-width: 500px;
box-sizing: border-box;
}
#confidential {
display: inline-block;
padding: 10px 4px;
margin-left: 10px;
border: 2px solid black;
transform: rotate(20deg);
}
#top-secret{
display: inline-block;
transform: rotate(20deg);
padding: 10px 4px;
margin-left: 10px;
border: 10px solid black;
}
.blurred {
filter: blur(3px);
}