0% acharam este documento útil (0 voto)
2 visualizações5 páginas

Site sobre São Paulo em Flask e Python

O documento apresenta um código em Flask para criar um site sobre São Paulo, incluindo rotas para páginas de história e pontos turísticos. Também contém arquivos HTML e CSS que definem a estrutura e o estilo das páginas. As páginas incluem informações sobre a cidade e seus principais atrativos turísticos.

Enviado por

lauuhssz
Direitos autorais
© All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato DOCX, PDF, TXT ou leia on-line no Scribd
0% acharam este documento útil (0 voto)
2 visualizações5 páginas

Site sobre São Paulo em Flask e Python

O documento apresenta um código em Flask para criar um site sobre São Paulo, incluindo rotas para páginas de história e pontos turísticos. Também contém arquivos HTML e CSS que definem a estrutura e o estilo das páginas. As páginas incluem informações sobre a cidade e seus principais atrativos turísticos.

Enviado por

lauuhssz
Direitos autorais
© All Rights Reserved
Levamos muito a sério os direitos de conteúdo. Se você suspeita que este conteúdo é seu, reivindique-o aqui.
Formatos disponíveis
Baixe no formato DOCX, PDF, TXT ou leia on-line no Scribd

SITE FLASK E PYTHON

Código Flask (Python)


from flask import Flask, render_template

app = Flask(__name__)

@[Link]("/")
def index():
return render_template("[Link]")

@[Link]("/historia")
def historia():
return render_template("[Link]")

@[Link]("/pontos-turisticos")
def pontos_turisticos():
return render_template("pontos_turisticos.html")

if __name__ == "__main__":
[Link](debug=True)

Arquivo CSS
body {
background-color: #001F54;
color: white;
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
}

header {
background-color: white;
color: #001F54;
padding: 20px;
text-align: center;
}

nav {
background-color: #ffffff;
padding: 10px;
text-align: center;
}

nav a {
color: #001F54;
margin: 0 15px;
text-decoration: none;
font-weight: bold;
}

nav a:hover {
text-decoration: underline;
}

.container {
padding: 30px;
}
[Link]
<!DOCTYPE html>
<html>
<head>
<title>São Paulo - Página Inicial</title>
<link rel="stylesheet" href="{{ url_for('static', filename='[Link]') }}">
</head>
<body>

<header>
<h1>São Paulo</h1>
</header>

<nav>
<a href="/">Início</a>
<a href="/historia">História</a>
<a href="/pontos-turisticos">Pontos Turísticos</a>
</nav>

<div class="container">
<h2>Bem-vindo ao site sobre São Paulo!</h2>
<p>São Paulo é a maior cidade do Brasil...</p>
</div>

</body>
</html>

[Link]
<!DOCTYPE html>
<html>
<head>
<title>História de São Paulo</title>
<link rel="stylesheet" href="{{ url_for('static', filename='[Link]') }}">
</head>
<body>

<header>
<h1>História de São Paulo</h1>
</header>

<nav>
<a href="/">Início</a>
<a href="/historia">História</a>
<a href="/pontos-turisticos">Pontos Turísticos</a>
</nav>

<div class="container">
<h2>Como tudo começou</h2>
<p>A cidade de São Paulo foi fundada em 1554...</p>
</div>

</body>
</html>

pontos_turisticos.html
<!DOCTYPE html>
<html>
<head>
<title>Pontos Turísticos</title>
<link rel="stylesheet" href="{{ url_for('static', filename='[Link]') }}">
</head>
<body>

<header>
<h1>Pontos Turísticos de São Paulo</h1>
</header>

<nav>
<a href="/">Início</a>
<a href="/historia">História</a>
<a href="/pontos-turisticos">Pontos Turísticos</a>
</nav>

<div class="container">
<h2>Lugares famosos</h2>
<ul>
<li>Avenida Paulista</li>
<li>Parque Ibirapuera</li>
<li>Mercado Municipal</li>
<li>Ponte Estaiada</li>
</ul>
</div>
</body>
</html>

Você também pode gostar