Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
joanitaj committed Nov 18, 2024
0 parents commit 0749dba
Show file tree
Hide file tree
Showing 6 changed files with 149 additions and 0 deletions.
5 changes: 5 additions & 0 deletions animation.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
.box{
display:flex;
background-color: aqua;
justify-content: center;
}
14 changes: 14 additions & 0 deletions animation.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,14 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="animation.css">
</head>
<body>
<div class="box">
<p>YOOO</p>
</div>
</body>
</html>
43 changes: 43 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,43 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css2?family=Arima:wght@100..700&display=swap" rel="stylesheet">
</head>
<body>
<header class="Titlecontainer">
<h1 id="title">History of Cartoon Styles</h1>
</header>


<nav class="navcontainer">
<a href="#">Menu</a>
<a href="#kb1">Deals</a>
<a href="#footer">Contact</a>
<a href="https://maps.app.goo.gl/fbnJUZfskLLCfBJj9" target="_blank">Location</a>
</nav>

<div>

<img src="rubberhosestyle.jpg" alt="Rubber Hose">


</div>

<div class="div1">
<img src="" alt="">
</div>

</body>








</html>
37 changes: 37 additions & 0 deletions page2.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,37 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css2?family=Arima:wght@100..700&display=swap" rel="stylesheet">
</head>
<body>
<header class="Titlecontainer">
<h1 id="title">History of Cartoon Styles</h1>
</header>


<nav>
<a href="">Menu</a>
<a href="">Contact Us</a>
<a href="">History Time</a>
</nav>

<div>

<img src="rubberhosestyle.jpg" alt="Rubber Hose">

</div>

</body>








</html>
Binary file added rubberhosestyle.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
50 changes: 50 additions & 0 deletions style.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,50 @@
html{
background-color: #2e4e58;
}




.Titlecontainer{
display: flex;
justify-content: center;
width: 960px;
margin-left: auto;
margin-right: auto;
border-radius: 20px;



}

#title{
font-family: Arima;
color: peachpuff;
font-size: 50px;

}

.navcontainer{

background-color: antiquewhite;
width: 960px;
margin-left: auto;
margin-right: auto;
display: flex;
justify-content: center;
}

.navcontainer a{
color: black;
font-size: 20px;
padding-left: 40px;
padding-right: 40px;
text-decoration: wavy
}

.navcontainer :hover{

background-color: white;
border-radius: 20px;
}

0 comments on commit 0749dba

Please sign in to comment.