Skip to content

Commit

Permalink
+
Browse files Browse the repository at this point in the history
  • Loading branch information
amandalsstein committed Oct 30, 2024
1 parent a08ee34 commit a2dd9bf
Show file tree
Hide file tree
Showing 7 changed files with 180 additions and 8 deletions.
1 change: 1 addition & 0 deletions estilos/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -41,6 +41,7 @@ section#mockup {
height: 550px;
background: url('../imagens/mockup.png') no-repeat;
background-size: cover;
overflow: hidden;
}

iframe#tela {
Expand Down
Binary file modified imagens/home.PNG
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added imagens/home1.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
16 changes: 8 additions & 8 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -6,24 +6,24 @@
<link rel="shortcut icon" href="favicon.png" type="image/x-icon">
<link rel="stylesheet" href="estilos/style.css">
<title>MUBI</title>

</head>
<body>
<header>
<img src="imagens/mubi2.png" alt="mubi" class="logo">
</header>

<main>
<section id="mockup">
<iframe src="imagens/home.PNG" name="tela" id="tela" frameborder="0"></iframe>
</section>

<iframe src="imagens/home1.PNG" name="tela" id="tela" frameborder="0"></iframe>
</section>
<section id="contato">
<a href="home.html" target="tela"><img src="imagens/mubi3.png" alt="home"></a><br>
<a href="" target="tela"><img src="imagens/instagram.png" alt="instagram"></a><br>
<a href="instagram.html" target="tela"><img src="imagens/instagram.png" alt="instagram"></a><br>
<a href="tiktok.html" target="tela"><img src="imagens/tiktok.png" alt="tiktok"></a><br>
<a href="#" target="tela"><img src="imagens/x.png" alt="x"></a><br>
<a href="#" target="tela"><img src="imagens/youtube.png" alt="youtube"></a>
</section>
<a href="x.html" target="tela"><img src="imagens/x.png" alt="x"></a><br>
<a href="youtube.html" target="tela"><img src="imagens/youtube.png" alt="youtube"></a>
</section>
</main>

</body>
</html>
57 changes: 57 additions & 0 deletions instagram.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,57 @@
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tiktok</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

* {
margin: 0;
padding: 0;
font-family: "DM Sans", sans-serif;
}

body {
overflow: hidden;
}

::-webkit-scrollbar {
width: 0px;
height: 0px;
}

.container {
position: relative;
width: 100vw;
height: 100vh;
}

img {
width: 100%;
height: 100%;
object-fit: cover;
}

a {
position: absolute;
bottom: 0px;
left: 0;
right: 0;
background-color: #001AAF;
color: #EAEAEA;
padding: 15px;
text-align: center;
font-weight: bolder;
text-decoration: none;
}
</style>
</head>
<body>
<div class="container">
<img src="imagens/ig.jpeg" alt="Instagram">
<a href="https://www.instagram.com/mubi" target="_blank">ACESSAR</a>
</div>
</body>
</html>
57 changes: 57 additions & 0 deletions x.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,57 @@
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tiktok</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

* {
margin: 0;
padding: 0;
font-family: "DM Sans", sans-serif;
}

body {
overflow: hidden;
}

::-webkit-scrollbar {
width: 0px;
height: 0px;
}

.container {
position: relative;
width: 100vw;
height: 100vh;
}

img {
width: 100%;
height: 100%;
object-fit: cover;
}

a {
position: absolute;
bottom: 0px;
left: 0;
right: 0;
background-color: #001AAF;
color: #EAEAEA;
padding: 15px;
text-align: center;
font-weight: bolder;
text-decoration: none;
}
</style>
</head>
<body>
<div class="container">
<img src="imagens/xx.jpeg" alt="X">
<a href="https://x.com/mubi" target="_blank">ACESSAR</a>
</div>
</body>
</html>
57 changes: 57 additions & 0 deletions youtube.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,57 @@
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Tiktok</title>
<style>
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap');

* {
margin: 0;
padding: 0;
font-family: "DM Sans", sans-serif;
}

body {
overflow: hidden;
}

::-webkit-scrollbar {
width: 0px;
height: 0px;
}

.container {
position: relative;
width: 100vw;
height: 100vh;
}

img {
width: 100%;
height: 100%;
object-fit: cover;
}

a {
position: absolute;
bottom: 0px;
left: 0;
right: 0;
background-color: #001AAF;
color: #EAEAEA;
padding: 15px;
text-align: center;
font-weight: bolder;
text-decoration: none;
}
</style>
</head>
<body>
<div class="container">
<img src="imagens/yt.jpeg" alt="Youtube">
<a href="https://www.youtube.com/@mubi" target="_blank">ACESSAR</a>
</div>
</body>
</html>

0 comments on commit a2dd9bf

Please sign in to comment.