Skip to content
This repository was archived by the owner on Feb 17, 2021. It is now read-only.

update #9

Open
cinthiadepaula wants to merge 1 commit into
base: main
Choose a base branch
from
Open

update #9

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
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
32 changes: 32 additions & 0 deletions cinthiadepaula/app.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,32 @@
form.addEventListener('submit', function (e) {
e.preventDefault()

let name = document.getElementById("name").value;
let email = document.getElementById("email").value;
let msg = document.getElementById("msg").value;

const config ={
method: 'POST',
url:'http://mockbin.com/request?title=name&foo=baz',
data:{
name:name,
email:email,
msg:msg
}
};

function ready(){
axios(config)
.then(function(response){

const data = response.data
console.log(data.postData)
})
.catch(function(err){
console.log(err)
})
}
ready()
})


Binary file added cinthiadepaula/assets/baloes.png
View file
Open in desktop
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 cinthiadepaula/assets/banner.jpg
View file
Open in desktop
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 cinthiadepaula/assets/logo@3x.png
View file
Open in desktop
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 cinthiadepaula/assets/modelo.png
View file
Open in desktop
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 cinthiadepaula/assets/relogio.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
65 changes: 65 additions & 0 deletions cinthiadepaula/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,65 @@
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Início | Guepardo Transportes</title>
<link rel="stylesheet" href="./style.css" />
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
</head>
<body>
<header class="header pattern">
<nav class="nav">
<div class="logo">
<img src="/assets/logo@3x.png">
</div>
<div class="nav_menu">
<ul>
<li class="menu_list"><a href="#">Início</a></li>
<li class="menu_list"><a href="#">Sobre</a></li>
<li class="menu_list"><a href="#">Serviços</a></li>
<li class="menu_list"><a href="#">Contato</a></li>
</ul>
</div>
</nav>
</header>
<section class="banner">
<div class="text-banner pattern">
<h2>Entregando cargas e sonhos</h2>
<p>Desde 1980 entregando cargas e fazemos pessoas e negócios sorrirem e se realizarem.</p>
</div>
</section>
<section class="about pattern">
<div class="text-about">
<h2>Entregas rápidas e eficientes</h2>
<p>Temos experiência na entrega de cargas para pessoas e empresas em <br>tempo recorde para todo o Brasil</p>
</div>
<img src="/assets/relogio.png">
</section>

<section class="form pattern">
<div class="text-form">
<h1>Fale conosco</h2>
<form id="form" method="POST">
<label for="POST-name">Nome</label> <br>
<input class="label" id="name" type="text" placeholder="João da Silva"><br>

<label for="POST-email">Email</label> <br>
<input class="label" id="email" type="text" placeholder="joao@suaempresa.com"><br>

<label for="POST-msg">Mensagem</label> <br>
<textarea class="label-msg"row="6" id="msg" type="text"></textarea> <br>

<button class="button" type="submit" value="Enviar">Enviar</button>

</form>
</div>
<img src="/assets/baloes.png">
</section>

<footer>
&copy; 2021 Guepardo Transportes
</footer>
<script src="app.js"></script>
</body>
</html>

123 changes: 123 additions & 0 deletions cinthiadepaula/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,123 @@
/**
* Importing website's font family
*/
@import url('https://fonts.googleapis.com/css2?family=Nova+Square&family=Oxygen&display=swap');

html, body {
font-family: 'Oxygen', sans-serif;
color: #101010;
padding: 0;
margin: 0;
}

h1, h2, h3, h4, h5, h6 {
font-family: 'Nova Square', cursive;
}

.pattern{
padding: 1.5rem 5rem;
}

.header{
background-color: #fdd55e;
}

.nav{
width: 100%;
height: 3rem;
display: flex;
justify-content: space-between;
}

.logo img{
width: 190px;
height: 60px;
}

.nav_menu ul{
width: 14rem;
display: flex;
flex-direction: row;
}

.nav_menu li{
padding-left: 1rem;
color: #101010;
list-style-type: none;
}

.menu_list a{
color: #101010;
text-decoration: none;
}

.text-banner{
color: white;
}
.banner{
height: 14rem;
background: url("/assets/banner.jpg");
background-position: center;
background-size: cover;
filter: brightness(30%);

}

.about{
color: #101010;
display: flex;
justify-content: space-between;
}
.about img{
width: 15rem;
}

.form{
display: flex;
justify-content: space-between;
}
.form img{
width: 20rem;
height: 20rem;
}

.label{
width: 30rem;
height: 2rem;
border: 1px solid;
border-color: rgba(0, 0,0, 0.2);
border-radius: 0.2rem;
}
.label-msg{
width: 30rem;
height: 5rem;
border: 1px solid;
border-color: rgba(0, 0,0, 0.2);
border-radius: 0.2rem;
}

.button{
width: 8rem;
height: 2rem;
background-color:#fdd55e;
color: black;
font-size: 1rem;
border-color: rgba(0, 0,0, 0);
border-radius: 0.2rem;
}
.button:hover{
background-color:#f3bd1d;
}

.button:active{
border-color: rgba(0, 0,0, 0);
}

footer{
bottom: 0;
height: 5rem;
background-color: #f2f2f2;
display: flex;
justify-content: center;
align-items: center;
}