rapassos
/
DIO-construindo-paginas-para-internet-com-Bootstrap
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Conclusão após a 6 aula

This commit is contained in:
Rafael Passos Guimarães 2020-07-21 01:51:25 -03:00
parent e4df823fb6
commit fd998da2c5
8 changed files with 102 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
public_html/css/style.css Normal file
View File

@ -0,0 +1,37 @@
/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
Created on : 20/07/2020, 23:44:24
Author : rapassos
*/
body{
font: 20px Arial,sans-serif;
}
.navbar{
background-color: #34ce57;
}
.quem-somos{
background-color: #337ab7;
}
.parceiros{
background-color: #8fd19e;
}
.servicos{
background-color: #5bc0de
}
.margem{
padding-top: 50px;
padding-bottom: 50px;
}
.bg-footer{
background-color: #000;
color: #fff;
}

BIN
public_html/img/app.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

BIN
public_html/img/logo_arthur_farma.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 96 KiB

BIN
public_html/img/logo_mais.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 25 KiB

BIN
public_html/img/site1.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 43 KiB

BIN
public_html/img/site2.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 321 KiB

BIN
public_html/img/time.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 49 KiB

72
public_html/index.html
View File

@ -1,16 +1,74 @@
<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html>
<head>
<title>TODO supply a title</title>
<title>Curso: Construindo páginas para internet com Bootstrap</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<div>Test</div>
<header id="topo">
<nav class="nav navbar navbar-expand-lg navbar-light">
<a class="navbar-brand" href="#">
<img src="img/logo_arthur_farma.png" width="220">
</a>
<div class="collapse navbar-collapse">
<ul class="navbar-nav">
<li class="nav-item active">
<a class="nav-link" href="#quem-somos">Quem somos</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#parceiros">Parceiros</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#servicos">Serviços</a>
</li>
</ul>
</div>
</nav>
</header>
<section id="quem-somos">
<div class="container-fluid quem-somos text-center margem">
<h1>Quem somos</h1>
<img src="img/time.jpg" class="rounded-circle" width="250" height="250">
<h3>Somos um time comprometido com os resultados.</h3>
<div class="text-right"><a class="btn btn-light" href="#topo">Início</a></div>
</div>
</section>
<section id="parceiros">
<div class="container-fluid parceiros text-center margem">
<h1>Parceiros</h1>
<img src="img/logo_mais.jpg" class="rounded-circle" width="250" height="250">
<h3>Temos as melhores parcerias para oferecer os melhores resultados.</h3>
<div class="text-right"><a class="btn btn-light" href="#topo">Início</a></div>
</div>
</section>
<section id="servicos">
<div class="container-fluid servicos text-center margem">
<h1>Serviços</h1>
<div class="container">
<div class="row">
<div class="col-lg-4">
<img src="img/site1.jpg" class="rounded-circle" width="250" height="250">
<p class="text-justify">Temos as melhores parcerias para oferecer os melhores resultados.</p>
</div>
<div class="col-lg-4 border-primary border-left border-right">
<p class="text-justify">Temos as melhores parcerias para oferecer os melhores resultados.</p>
<img src="img/site2.jpg" class="rounded-circle" width="250" height="250">
</div>
<div class="col-lg-4">
<img src="img/app.jpg" class="rounded-circle" width="250" height="250">
<p class="text-justify">Temos as melhores parcerias para oferecer os melhores resultados.</p>
</div>
</div>
</div>
<div class="text-right"><a class="btn btn-light" href="#topo">Início</a></div>
</div>
</section>
<footer class="bg-footer container-fluid text-center margem">
<p class="text-center">Desenvovido por <a href="mailto:rapassos@gmail.com">Rapassos</a></p>
</footer>
</body>
</html>