Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
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
89 changes: 89 additions & 0 deletions Stylesheet.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,89 @@
*{
margin: 0;
font-family: sans-serif;
}
.container0 {
background-color: #9c1d1d;
width: 90%;
height: 100%;
margin: auto;
padding-top: 2.5%;
padding-bottom: 2.5%;

}
.container2{
height: 280px;
width: 100%;
background-color: #030303;
}
.container1{
background-color:black;
width: 95%;
height: 100%;
margin: auto;
}
.containerlink{
background-color : rgb(11, 51, 228);
width : 100%;
height : 80 px;
display : flex;
flex-direction : row
}
.containerheadline{
background-color: #000000;
height: 80px;
display: flex;
flex-direction: row;
}
.container3{
width: 100%;
height: 300px;
background-color: #000000;
display: flex;
flex-direction: row;
}
.container4{
height: 75%;
width: 50%;
background-color: rgb(74, 78, 95);
}
.container5{
height: 75%;
width: 50%;
background-color: rgb(74, 78, 95);
}
.bunder{
margin-top: 15px;
height: 50px;
width: 50px;
border-radius: 50%;
background-color: #000000;
}
.teksheading{
margin-top: 30px;
margin-left: 20px;
font-weight: bold;
font-size:larger;
color: white;
}
.part{
width: 10%;
height: 100%;
background-color: #000000;

}
.gambaratas{
width: 100%;
height: 100%;
}
.gambarheadline{
width: 100%;
height: 100%;
border-radius: 50%;
}
.link{
margin-top: 30px;
margin-left: 20px;
font-size:larger;
color: white;
}
7 changes: 0 additions & 7 deletions index.css

This file was deleted.

31 changes: 0 additions & 31 deletions index.html

This file was deleted.

44 changes: 44 additions & 0 deletions indexbc3.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,44 @@
<!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>
<style>
div.container4 {
color : white}
div.container5 {
color : white}
</style>
<link rel="stylesheet" href="./Stylesheet.css">
</head>
<body>
<div class="container0">
<div class="container1">
<div class="container2">
<img class="gambaratas" src="https://sm.mashable.com/mashable_in/seo/2/24978/24978_cnr6.jpg" alt="">
</div>
<div class="containerheadline">
<div class="bunder">
<img class="gambarheadline" src="https://bit.ly/3KK6iiJ" alt="">
</div>
<p class="teksheading">SPIDERMAN</p>
</div>
<div class="container3">
<div class ="container4">
<p>
Spiderman No Way Home is a 2021 American superhero film based on the Marvel Comics character Spider-Man, co-produced by Columbia Pictures and Marvel Studios and distributed by Sony Pictures Releasing.
</p>
</div>
<div class="part"></div>
<div class="container5">
<p>
It stars Tom Holland as Peter Parker / Spider-Man alongside Zendaya, Benedict Cumberbatch, Jacob Batalon, Jon Favreau, Jamie Foxx, Willem Dafoe, Alfred Molina, Benedict Wong, Tony Revolori, Marisa Tomei, Andrew Garfield, and Tobey Maguire.
</p>
</div>
</dif>
</div>
</div>
</body>
</html>