first commit. work only astral page
This commit is contained in:
Alexey Norets
parent
5a3ff207f5
commit
4328c353a0
130
.gitignore
vendored
130
.gitignore
vendored
@ -1,129 +1 @@
|
||||
# Byte-compiled / optimized / DLL files
|
||||
__pycache__/
|
||||
*.py[cod]
|
||||
*$py.class
|
||||
|
||||
# C extensions
|
||||
*.so
|
||||
|
||||
# Distribution / packaging
|
||||
.Python
|
||||
build/
|
||||
develop-eggs/
|
||||
dist/
|
||||
downloads/
|
||||
eggs/
|
||||
.eggs/
|
||||
lib/
|
||||
lib64/
|
||||
parts/
|
||||
sdist/
|
||||
var/
|
||||
wheels/
|
||||
pip-wheel-metadata/
|
||||
share/python-wheels/
|
||||
*.egg-info/
|
||||
.installed.cfg
|
||||
*.egg
|
||||
MANIFEST
|
||||
|
||||
# PyInstaller
|
||||
# Usually these files are written by a python script from a template
|
||||
# before PyInstaller builds the exe, so as to inject date/other infos into it.
|
||||
*.manifest
|
||||
*.spec
|
||||
|
||||
# Installer logs
|
||||
pip-log.txt
|
||||
pip-delete-this-directory.txt
|
||||
|
||||
# Unit test / coverage reports
|
||||
htmlcov/
|
||||
.tox/
|
||||
.nox/
|
||||
.coverage
|
||||
.coverage.*
|
||||
.cache
|
||||
nosetests.xml
|
||||
coverage.xml
|
||||
*.cover
|
||||
*.py,cover
|
||||
.hypothesis/
|
||||
.pytest_cache/
|
||||
|
||||
# Translations
|
||||
*.mo
|
||||
*.pot
|
||||
|
||||
# Django stuff:
|
||||
*.log
|
||||
local_settings.py
|
||||
db.sqlite3
|
||||
db.sqlite3-journal
|
||||
|
||||
# Flask stuff:
|
||||
instance/
|
||||
.webassets-cache
|
||||
|
||||
# Scrapy stuff:
|
||||
.scrapy
|
||||
|
||||
# Sphinx documentation
|
||||
docs/_build/
|
||||
|
||||
# PyBuilder
|
||||
target/
|
||||
|
||||
# Jupyter Notebook
|
||||
.ipynb_checkpoints
|
||||
|
||||
# IPython
|
||||
profile_default/
|
||||
ipython_config.py
|
||||
|
||||
# pyenv
|
||||
.python-version
|
||||
|
||||
# pipenv
|
||||
# According to pypa/pipenv#598, it is recommended to include Pipfile.lock in version control.
|
||||
# However, in case of collaboration, if having platform-specific dependencies or dependencies
|
||||
# having no cross-platform support, pipenv may install dependencies that don't work, or not
|
||||
# install all needed dependencies.
|
||||
#Pipfile.lock
|
||||
|
||||
# PEP 582; used by e.g. github.com/David-OConnor/pyflow
|
||||
__pypackages__/
|
||||
|
||||
# Celery stuff
|
||||
celerybeat-schedule
|
||||
celerybeat.pid
|
||||
|
||||
# SageMath parsed files
|
||||
*.sage.py
|
||||
|
||||
# Environments
|
||||
.env
|
||||
.venv
|
||||
env/
|
||||
venv/
|
||||
ENV/
|
||||
env.bak/
|
||||
venv.bak/
|
||||
|
||||
# Spyder project settings
|
||||
.spyderproject
|
||||
.spyproject
|
||||
|
||||
# Rope project settings
|
||||
.ropeproject
|
||||
|
||||
# mkdocs documentation
|
||||
/site
|
||||
|
||||
# mypy
|
||||
.mypy_cache/
|
||||
.dmypy.json
|
||||
dmypy.json
|
||||
|
||||
# Pyre type checker
|
||||
.pyre/
|
||||
.DS_Store
|
||||
25
__init__.py
Normal file
25
__init__.py
Normal file
@ -0,0 +1,25 @@
|
||||
from flask import Flask, render_template
|
||||
app = Flask(__name__, static_folder='static', static_url_path='')
|
||||
|
||||
menu = [{"name": "ЭЦП + Отчетность", "url": "astral", "active": "active"},
|
||||
{"name": "Программы 1С", "url": "1c", "active": "disabled"},
|
||||
{"name": "Онлайн-кассы", "url": "atol", "active": "disabled"}]
|
||||
|
||||
product_astral = [{"name": "Для регистрации ККТ", "description": "Для регистрации ККТ на сайте налоговой инспекции и для государственных порталов", "price": "от 900", "img": "images/ofd.png", "alt": "Регистрация ККТ в Клину"},
|
||||
{"name": "Для ЕГАИС", "description": "Квалифицированная ЭП для работы на портале ЕГАИС", "price": "от 2 000", "img": "images/egais.png", "alt": "ЭЦП для ЕГАИС в Клину"},
|
||||
{"name": "Для отчетности", "description": "Квалифицированная ЭП для сдачи отчетности", "price": "от 1 800", "img": "images/otchet.png", "alt": "ЭЦП сдача отчетности в Клину"},
|
||||
{"name": "Для торгов", "description": "Для участия в электронных торгах", "price": "от 5000", "img": "images/torgi.png", "alt": "ЭЦП для торгов в клину"}]
|
||||
|
||||
|
||||
@app.route("/astral")
|
||||
@app.route("/")
|
||||
def hello():
|
||||
return render_template("new_layout.html", menu=menu, product=product_astral, title="ЭЦП в Клину")
|
||||
|
||||
@app.route("/sitemap")
|
||||
def sitemap():
|
||||
return render_template("4956392_4.xml")
|
||||
|
||||
|
||||
if __name__ == '__main__':
|
||||
app.run(debug=True)
|
||||
7
app.py
Normal file
7
app.py
Normal file
@ -0,0 +1,7 @@
|
||||
from flask import Flask
|
||||
app = Flask(__name__)
|
||||
@app.route("/")
|
||||
def hello():
|
||||
return "Hello, I love Digital Ocean!"
|
||||
if __name__ == "__main__":
|
||||
app.run()
|
||||
14
static/4956392_4.xml
Normal file
14
static/4956392_4.xml
Normal file
@ -0,0 +1,14 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!-- created with www.mysitemapgenerator.com -->
|
||||
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
|
||||
<url>
|
||||
<loc>https://klintorg.ru/</loc>
|
||||
<lastmod>2021-10-22T08:46:54+01:00</lastmod>
|
||||
<priority>1.0</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://klintorg.ru/astral</loc>
|
||||
<lastmod>2021-10-22T08:46:54+01:00</lastmod>
|
||||
<priority>1.0</priority>
|
||||
</url>
|
||||
</urlset>
|
||||
93
static/css/carousel.css
Normal file
93
static/css/carousel.css
Normal file
@ -0,0 +1,93 @@
|
||||
/* GLOBAL STYLES
|
||||
-------------------------------------------------- */
|
||||
/* Padding below the footer and lighter body text */
|
||||
|
||||
/* body { */
|
||||
/* padding-top: 3rem; */
|
||||
/* padding-bottom: 3rem; */
|
||||
/* color: #5a5a5a; */
|
||||
/* } */
|
||||
|
||||
|
||||
/* CUSTOMIZE THE CAROUSEL
|
||||
-------------------------------------------------- */
|
||||
|
||||
/* Carousel base class */
|
||||
/* .carousel { */
|
||||
/* margin-bottom: 4rem; */
|
||||
/* } */
|
||||
/* /\* Since positioning the image, we need to help out the caption *\/ */
|
||||
/* .carousel-caption { */
|
||||
/* bottom: 3rem; */
|
||||
/* z-index: 10; */
|
||||
/* } */
|
||||
|
||||
/* Declare heights because of positioning of img element */
|
||||
.carousel-item {
|
||||
height: 32rem;
|
||||
}
|
||||
.carousel-item > img {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
min-width: 100%;
|
||||
height: 32rem;
|
||||
}
|
||||
|
||||
|
||||
/* MARKETING CONTENT
|
||||
-------------------------------------------------- */
|
||||
|
||||
/* Center align the text within the three columns below the carousel */
|
||||
/* .marketing .col-lg-4 { */
|
||||
/* margin-bottom: 1.5rem; */
|
||||
/* text-align: center; */
|
||||
/* } */
|
||||
/* .marketing h2 { */
|
||||
/* font-weight: 400; */
|
||||
/* } */
|
||||
/* /\* rtl:begin:ignore *\/ */
|
||||
/* .marketing .col-lg-4 p { */
|
||||
/* margin-right: .75rem; */
|
||||
/* margin-left: .75rem; */
|
||||
/* } */
|
||||
/* /\* rtl:end:ignore *\/ */
|
||||
|
||||
|
||||
/* /\* Featurettes */
|
||||
/* ------------------------- *\/ */
|
||||
|
||||
/* .featurette-divider { */
|
||||
/* margin: 5rem 0; /\* Space out the Bootstrap <hr> more *\/ */
|
||||
/* } */
|
||||
|
||||
/* /\* Thin out the marketing headings *\/ */
|
||||
/* .featurette-heading { */
|
||||
/* font-weight: 300; */
|
||||
/* line-height: 1; */
|
||||
/* /\* rtl:remove *\/ */
|
||||
/* letter-spacing: -.05rem; */
|
||||
/* } */
|
||||
|
||||
|
||||
/* /\* RESPONSIVE CSS */
|
||||
/* -------------------------------------------------- *\/ */
|
||||
|
||||
/* @media (min-width: 40em) { */
|
||||
/* /\* Bump up size of carousel content *\/ */
|
||||
/* .carousel-caption p { */
|
||||
/* margin-bottom: 1.25rem; */
|
||||
/* font-size: 1.25rem; */
|
||||
/* line-height: 1.4; */
|
||||
/* } */
|
||||
|
||||
/* .featurette-heading { */
|
||||
/* font-size: 50px; */
|
||||
/* } */
|
||||
/* } */
|
||||
|
||||
/* @media (min-width: 62em) { */
|
||||
/* .featurette-heading { */
|
||||
/* margin-top: 7rem; */
|
||||
/* } */
|
||||
/* } */
|
||||
BIN
static/images/astral.png
Normal file
BIN
static/images/astral.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 489 KiB |
BIN
static/images/astral_2.png
Normal file
BIN
static/images/astral_2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 69 KiB |
BIN
static/images/egais.png
Normal file
BIN
static/images/egais.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.6 KiB |
BIN
static/images/klintorg_logo.png
Normal file
BIN
static/images/klintorg_logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.0 KiB |
BIN
static/images/ofd.png
Normal file
BIN
static/images/ofd.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 6.1 KiB |
BIN
static/images/otchet.png
Normal file
BIN
static/images/otchet.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 5.0 KiB |
BIN
static/images/torgi.png
Normal file
BIN
static/images/torgi.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 14 KiB |
2
static/robots.txt
Normal file
2
static/robots.txt
Normal file
@ -0,0 +1,2 @@
|
||||
User-Agent: *
|
||||
Allow: /
|
||||
14
templates/4956392_4.xml
Normal file
14
templates/4956392_4.xml
Normal file
@ -0,0 +1,14 @@
|
||||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!-- created with www.mysitemapgenerator.com -->
|
||||
<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
|
||||
<url>
|
||||
<loc>https://klintorg.ru/</loc>
|
||||
<lastmod>2021-10-22T08:46:54+01:00</lastmod>
|
||||
<priority>1.0</priority>
|
||||
</url>
|
||||
<url>
|
||||
<loc>https://klintorg.ru/astral</loc>
|
||||
<lastmod>2021-10-22T08:46:54+01:00</lastmod>
|
||||
<priority>1.0</priority>
|
||||
</url>
|
||||
</urlset>
|
||||
4
templates/astral.html
Normal file
4
templates/astral.html
Normal file
@ -0,0 +1,4 @@
|
||||
{% extends "layout.html" %}
|
||||
{% block content %}
|
||||
<h1>Main page</h1>
|
||||
{% endblock content %}
|
||||
137
templates/layout.html
Normal file
137
templates/layout.html
Normal file
@ -0,0 +1,137 @@
|
||||
<!doctype html>
|
||||
<html>
|
||||
<head>
|
||||
<!-- Required meta tags -->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
|
||||
<!-- <link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/carousel.css') }}" /> -->
|
||||
<!-- <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/css/bootstrap.min.css" rel="stylesheet" -->
|
||||
<!-- integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6" crossorigin="anonymous"> -->
|
||||
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
|
||||
{% if title %}
|
||||
<title>Klintorg - {{ title }}</title>
|
||||
{% else %}
|
||||
<title>Klintorg</title>
|
||||
{% endif %}
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<nav class="navbar navbar-expand-lg navbar-dark bg-dark">
|
||||
<a class="navbar-brand" href="#">" #Klintorg"</a>
|
||||
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarNav">
|
||||
<ul class="navbar-nav mr-auto">
|
||||
<li class="nav-item active">
|
||||
<a class="nav-link" href="#">Home <span class="sr-only">(current)</span></a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">Market</a>
|
||||
</li>
|
||||
</ul>
|
||||
<ul class="navbar-nav">
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">Login</a>
|
||||
</li>
|
||||
<li class="nav-item">
|
||||
<a class="nav-link" href="#">Register</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</nav>
|
||||
<!-- <div class="container"> -->
|
||||
<!-- <header class="d-flex flex-wrap justify-content-center py-3 mb-4 border-bottom"> -->
|
||||
<!-- <a href="/" class="d-flex align-items-center mb-3 mb-md-0 me-md-auto text-dark text-decoration-none"> -->
|
||||
<!-- <\!-- <svg class="bi me-2" width="40" height="32"><use xlink:href="#bootstrap"/></svg> -\-> -->
|
||||
<!-- <\!-- <span class="fs-4"><img src="{{ url_for('static', filename='images/atomy_logo.png') }}" width="100" height="56" -\-> -->
|
||||
<!-- <\!-- alt="atomy logo" />Atomy russia</span> -\-> -->
|
||||
<!-- <span>Klintorg</span> -->
|
||||
<!-- </a> -->
|
||||
<!-- <ul class="nav nav-pills"> -->
|
||||
<!-- {% for m in menu %} -->
|
||||
<!-- <li class="nav-item"><a href="{{ m.url }}" class="nav-link">{{ m.name }}</a></li> -->
|
||||
<!-- {% endfor %} -->
|
||||
<!-- <\!-- <li class="nav-item"><a href="#" class="nav-link active">Home</a></li> -\-> -->
|
||||
<!-- <\!-- <li class="nav-item"><a href="#" class="nav-link">Features</a></li> -\-> -->
|
||||
<!-- <\!-- <li class="nav-item"><a href="#" class="nav-link">Pricing</a></li> -\-> -->
|
||||
<!-- <\!-- <li class="nav-item"><a href="#" class="nav-link">FAQs</a></li> -\-> -->
|
||||
<!-- <\!-- <li class="nav-item"><a href="#" class="nav-link">About</a></li> -\-> -->
|
||||
<!-- </ul> -->
|
||||
<!-- </header> -->
|
||||
<!-- </div> -->
|
||||
<!-- <div class="container"> -->
|
||||
<!-- <div id="myCarousel" class="carousel slide" data-bs-ride="carousel"> -->
|
||||
<!-- <div class="carousel-indicators"> -->
|
||||
<!-- <button type="button" data-bs-target="#myCarousel" data-bs-slide-to="0" class="active" aria-current="true" -->
|
||||
<!-- aria-label="Slide 1"></button> -->
|
||||
<!-- <button type="button" data-bs-target="#myCarousel" data-bs-slide-to="1" aria-label="Slide 2"></button> -->
|
||||
<!-- <button type="button" data-bs-target="#myCarousel" data-bs-slide-to="2" aria-label="Slide 3"></button> -->
|
||||
<!-- </div> -->
|
||||
<!-- <div class="carousel-inner"> -->
|
||||
<!-- <div class="carousel-item active"> -->
|
||||
<!-- <svg class="bd-placeholder-img" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" -->
|
||||
<!-- aria-hidden="true" preserveAspectRatio="xMidYMid slice" focusable="false"> -->
|
||||
<!-- <rect width="100%" height="100%" fill="#777" /> -->
|
||||
<!-- </svg> -->
|
||||
|
||||
<!-- <div class="container"> -->
|
||||
<!-- <div class="carousel-caption text-start"> -->
|
||||
<!-- <h1>Example headline.</h1> -->
|
||||
<!-- <p>Some representative placeholder content for the first slide of the carousel.</p> -->
|
||||
<!-- <p><a class="btn btn-lg btn-primary" href="#">Sign up today</a></p> -->
|
||||
<!-- </div> -->
|
||||
<!-- </div> -->
|
||||
<!-- </div> -->
|
||||
<!-- <div class="carousel-item"> -->
|
||||
<!-- <svg class="bd-placeholder-img" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" -->
|
||||
<!-- aria-hidden="true" preserveAspectRatio="xMidYMid slice" focusable="false"> -->
|
||||
<!-- <rect width="100%" height="100%" fill="#777" /> -->
|
||||
<!-- </svg> -->
|
||||
|
||||
<!-- <div class="container"> -->
|
||||
<!-- <div class="carousel-caption"> -->
|
||||
<!-- <h1>Another example headline.</h1> -->
|
||||
<!-- <p>Some representative placeholder content for the second slide of the carousel.</p> -->
|
||||
<!-- <p><a class="btn btn-lg btn-primary" href="#">Learn more</a></p> -->
|
||||
<!-- </div> -->
|
||||
<!-- </div> -->
|
||||
<!-- </div> -->
|
||||
<!-- <div class="carousel-item"> -->
|
||||
<!-- <svg class="bd-placeholder-img" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" -->
|
||||
<!-- aria-hidden="true" preserveAspectRatio="xMidYMid slice" focusable="false"> -->
|
||||
<!-- <rect width="100%" height="100%" fill="#777" /> -->
|
||||
<!-- </svg> -->
|
||||
|
||||
<!-- <div class="container"> -->
|
||||
<!-- <div class="carousel-caption text-end"> -->
|
||||
<!-- <h1>One more for good measure.</h1> -->
|
||||
<!-- <p>Some representative placeholder content for the third slide of this carousel.</p> -->
|
||||
<!-- <p><a class="btn btn-lg btn-primary" href="#">Browse gallery</a></p> -->
|
||||
<!-- </div> -->
|
||||
<!-- </div> -->
|
||||
<!-- </div> -->
|
||||
<!-- </div> -->
|
||||
<!-- <button class="carousel-control-prev" type="button" data-bs-target="#myCarousel" data-bs-slide="prev"> -->
|
||||
<!-- <span class="carousel-control-prev-icon" aria-hidden="true"></span> -->
|
||||
<!-- <span class="visually-hidden">Previous</span> -->
|
||||
<!-- </button> -->
|
||||
<!-- <button class="carousel-control-next" type="button" data-bs-target="#myCarousel" data-bs-slide="next"> -->
|
||||
<!-- <span class="carousel-control-next-icon" aria-hidden="true"></span> -->
|
||||
<!-- <span class="visually-hidden">Next</span> -->
|
||||
<!-- </button> -->
|
||||
<!-- </div> -->
|
||||
<!-- </div> -->
|
||||
|
||||
|
||||
|
||||
<!-- <div class="container"> -->
|
||||
<!-- {% block content %}{% endblock %} -->
|
||||
<!-- </div> -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta3/dist/js/bootstrap.bundle.min.js"
|
||||
integrity="sha384-JEW9xMcG8R+pH31jmWH6WWP0WintQrMb4s7ZOdauHnUtxwoG2vI5DkLtS3qm9Ekf"
|
||||
crossorigin="anonymous"></script>
|
||||
</body>
|
||||
</html>
|
||||
370
templates/new_layout.html
Normal file
370
templates/new_layout.html
Normal file
@ -0,0 +1,370 @@
|
||||
<!doctype html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<!-- Required meta tags -->
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<meta name="yandex-verification" content="8ba3940ada64923a" />
|
||||
<meta name="google-site-verification" content="D_8sVdIKQn8tZo-oZ6qhf2hbkjeyKmFTqwo2u1siSfw" />
|
||||
|
||||
|
||||
<!-- Yandex.Metrika counter -->
|
||||
<script type="text/javascript" >
|
||||
(function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)};
|
||||
m[i].l=1*new Date();k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)})
|
||||
(window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym");
|
||||
|
||||
ym(86042102, "init", {
|
||||
clickmap:true,
|
||||
trackLinks:true,
|
||||
accurateTrackBounce:true
|
||||
});
|
||||
</script>
|
||||
<noscript><div><img src="https://mc.yandex.ru/watch/86042102" style="position:absolute; left:-9999px;" alt="" /></div></noscript>
|
||||
<!-- /Yandex.Metrika counter -->
|
||||
|
||||
<!-- Bootstrap CSS -->
|
||||
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
|
||||
|
||||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.6.1/font/bootstrap-icons.css">
|
||||
<link rel="stylesheet" type="text/css" href="{{ url_for('static', filename='css/carousel.css') }}" />
|
||||
<link rel="icon" href="{{ url_for('static', filename='images/klintorg_logo.png')}}" type="image/png" />
|
||||
|
||||
|
||||
{% if title %}
|
||||
<title>Klintorg - {{ title }}</title>
|
||||
{% else %}
|
||||
<title>Klintorg</title>
|
||||
{% endif %}
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar navbar-expand-lg navbar-light bg-light">
|
||||
<div class="container-fluid">
|
||||
<a class="navbar-brand" href="#"><h4>klintorg.ru</h4></a>
|
||||
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarText" aria-controls="navbarText" aria-expanded="false" aria-label="Toggle navigation">
|
||||
<span class="navbar-toggler-icon"></span>
|
||||
</button>
|
||||
<div class="collapse navbar-collapse" id="navbarText">
|
||||
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
|
||||
{% for m in menu %}
|
||||
<li class="nav-item"><a href="{{ m.url }}" class="nav-link {{ m.active }}">{{ m.name }}</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
<span class="navbar-text">
|
||||
Комплекс улуг для Вашего бизнеса.
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<br/>
|
||||
<br/>
|
||||
|
||||
<!-- <div class="container"> -->
|
||||
<!-- <div id="myCarousel" class="carousel slide" data-bs-ride="carousel"> -->
|
||||
<!-- <div class="carousel-indicators"> -->
|
||||
<!-- <button type="button" data-bs-target="#myCarousel" data-bs-slide-to="0" class="active" aria-current="true" -->
|
||||
<!-- aria-label="Slide 1"></button> -->
|
||||
<!-- <button type="button" data-bs-target="#myCarousel" data-bs-slide-to="1" aria-label="Slide 2"></button> -->
|
||||
<!-- <button type="button" data-bs-target="#myCarousel" data-bs-slide-to="2" aria-label="Slide 3"></button> -->
|
||||
<!-- </div> -->
|
||||
<!-- <div class="carousel-inner"> -->
|
||||
<!-- <div class="carousel-item active img-fluid"> -->
|
||||
<!-- <\!-- <svg class="bd-placeholder-img" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" -\-> -->
|
||||
<!-- <\!-- aria-hidden="true" preserveAspectRatio="xMidYMid slice" focusable="false"> -\-> -->
|
||||
<!-- <\!-- <rect width="100%" height="100%" fill="#777" /> -\-> -->
|
||||
<!-- <\!-- </svg> -\-> -->
|
||||
<!-- <img src="{{ url_for('static', filename='images/astral_2.png') }}" class="d-block w-100" alt="Получите ЭЦП уже сегодня!"> -->
|
||||
<!-- <div class="container"> -->
|
||||
<!-- <div class="carousel-caption text-start"> -->
|
||||
<!-- <h1>Электронная подпись.</h1> -->
|
||||
<!-- <p>Электронная подпись – это аналог собственноручной подписи и печати на документе бумажного формата.</p> -->
|
||||
<!-- <p><a class="btn btn-lg btn-primary" href="/">Тарифы</a></p> -->
|
||||
<!-- </div> -->
|
||||
<!-- </div> -->
|
||||
<!-- </div> -->
|
||||
<!-- <div class="carousel-item"> -->
|
||||
<!-- <svg class="bd-placeholder-img" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" -->
|
||||
<!-- aria-hidden="true" preserveAspectRatio="xMidYMid slice" focusable="false"> -->
|
||||
<!-- <rect width="100%" height="100%" fill="#777" /> -->
|
||||
<!-- </svg> -->
|
||||
|
||||
<!-- <div class="container"> -->
|
||||
<!-- <div class="carousel-caption"> -->
|
||||
<!-- <h1>Another example headline.</h1> -->
|
||||
<!-- <p>Some representative placeholder content for the second slide of the carousel.</p> -->
|
||||
<!-- <p><a class="btn btn-lg btn-primary" href="#">Learn more</a></p> -->
|
||||
<!-- </div> -->
|
||||
<!-- </div> -->
|
||||
<!-- </div> -->
|
||||
<!-- <div class="carousel-item"> -->
|
||||
<!-- <svg class="bd-placeholder-img" width="100%" height="100%" xmlns="http://www.w3.org/2000/svg" -->
|
||||
<!-- aria-hidden="true" preserveAspectRatio="xMidYMid slice" focusable="false"> -->
|
||||
<!-- <rect width="100%" height="100%" fill="#777" /> -->
|
||||
<!-- </svg> -->
|
||||
|
||||
<!-- <div class="container"> -->
|
||||
<!-- <div class="carousel-caption text-end"> -->
|
||||
<!-- <h1>One more for good measure.</h1> -->
|
||||
<!-- <p>Some representative placeholder content for the third slide of this carousel.</p> -->
|
||||
<!-- <p><a class="btn btn-lg btn-primary" href="#">Browse gallery</a></p> -->
|
||||
<!-- </div> -->
|
||||
<!-- </div> -->
|
||||
<!-- </div> -->
|
||||
<!-- </div> -->
|
||||
<!-- <button class="carousel-control-prev" type="button" data-bs-target="#myCarousel" data-bs-slide="prev"> -->
|
||||
<!-- <span class="carousel-control-prev-icon" aria-hidden="true"></span> -->
|
||||
<!-- <span class="visually-hidden">Previous</span> -->
|
||||
<!-- </button> -->
|
||||
<!-- <button class="carousel-control-next" type="button" data-bs-target="#myCarousel" data-bs-slide="next"> -->
|
||||
<!-- <span class="carousel-control-next-icon" aria-hidden="true"></span> -->
|
||||
<!-- <span class="visually-hidden">Next</span> -->
|
||||
<!-- </button> -->
|
||||
<!-- </div> -->
|
||||
<!-- </div> -->
|
||||
|
||||
|
||||
|
||||
<!-- <div class="container"> -->
|
||||
<!-- {% block content %}{% endblock %} -->
|
||||
<!-- </div> -->
|
||||
<!-- <div class="container"> -->
|
||||
<!-- <div class="card text-center"> -->
|
||||
<!-- <div class="card-header"> -->
|
||||
<!-- Featured -->
|
||||
<!-- </div> -->
|
||||
<!-- <div class="card-body"> -->
|
||||
<!-- <h5 class="card-title">Special title treatment</h5> -->
|
||||
<!-- <p class="card-text">With supporting text below as a natural lead-in to additional content.</p> -->
|
||||
<!-- <a href="#" class="btn btn-primary">Go somewhere</a> -->
|
||||
<!-- </div> -->
|
||||
<!-- </div> -->
|
||||
<!-- </div> -->
|
||||
<!-- {% for m in menu %} -->
|
||||
<!-- <li class="nav-item"><a href="{{ m.url }}" class="nav-link {{ m.active }}">{{ m.name }}</a></li> -->
|
||||
<!-- {% endfor %} -->
|
||||
<!-- <div class="container"> -->
|
||||
<!-- <h1>Все виды ЭЦП в Клину и Клинском районе</h1> -->
|
||||
<!-- </div> -->
|
||||
|
||||
<div class="container">
|
||||
<div class="card text-center bg-info bg-opacity-10">
|
||||
<div class="card-header">
|
||||
klintorg.ru - официальный представитель Астрал-ЭТ в Клину
|
||||
</div>
|
||||
<div class="card-body">
|
||||
<h5 class="card-title">Электронная подпись для любых задач</h5>
|
||||
<p class="card-text">Электронная подпись для участия в торгах, работы на государственных порталах и электронного документооборота</p>
|
||||
<!-- <a href="#" class="btn btn-primary">Go somewhere</a> -->
|
||||
</div>
|
||||
<div class="card-footer text-muted">
|
||||
<!-- 2 days ago -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<br/>
|
||||
<br/>
|
||||
<br/>
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
<div class="container d-flex justify-content-center">
|
||||
|
||||
<h3>Тарифы и цены</h3>
|
||||
|
||||
</div>
|
||||
<div class="container d-flex justify-content-center">
|
||||
|
||||
<p>Гибкая тарифная сетка позволит выбрать тот тариф, который оптимален именно для Вас</p>
|
||||
</div>
|
||||
|
||||
<br/>
|
||||
<!-- {% for prod in product %} -->
|
||||
<!-- <div class="container"> -->
|
||||
<!-- <div class="card w-100 shadow-sm"> -->
|
||||
<!-- <div class="card-body"> -->
|
||||
<!-- <h3 class="card-title" style="color: #376798;">{{ prod.name }}</h3> -->
|
||||
<!-- <p class="card-text">{{ prod.description }}</p> -->
|
||||
<!-- <p class="card-text" style="font-size: 24px; font-weight: bold;">{{ prod.price }} ₽</p> -->
|
||||
<!-- <\!-- <a href="#" class="btn btn-outline-primary btn-lg">Заказать</a> -\-> -->
|
||||
<!-- <\!-- Button trigger modal -\-> -->
|
||||
<!-- <button type="button" class="btn btn-outline-primary" data-bs-toggle="modal" data-bs-target="#exampleModal"> -->
|
||||
<!-- Заказать -->
|
||||
<!-- </button> -->
|
||||
|
||||
<!-- </div> -->
|
||||
<!-- </div> -->
|
||||
<!-- </div> -->
|
||||
<!-- <br/> -->
|
||||
<!-- {% endfor %} -->
|
||||
|
||||
|
||||
{% for prod in product %}
|
||||
<div class="container">
|
||||
<div class="card mb-3 shadow-sm">
|
||||
<div class="row g-0">
|
||||
<div class="col-md-8">
|
||||
<div class="card-body">
|
||||
<h3 class="card-title" style="color: #376798;">{{ prod.name }}</h3>
|
||||
<p class="card-text">{{ prod.description }}</p>
|
||||
<p class="card-text" style="font-size: 24px; font-weight: bold;">{{ prod.price }} ₽</p>
|
||||
<!-- <a href="#" class="btn btn-outline-primary btn-lg">Заказать</a> -->
|
||||
<!-- Button trigger modal -->
|
||||
<button type="button" class="btn btn-outline-primary" data-bs-toggle="modal" data-bs-target="#exampleModal">
|
||||
Заказать
|
||||
</button>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<img src="{{ url_for('static', filename=prod.img) }}" class="img-fluid rounded-start" alt="prod.alt">
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
<br/>
|
||||
{% endfor %}
|
||||
|
||||
|
||||
|
||||
<!-- <div class="container"> -->
|
||||
<!-- <div class="card mb-3"> -->
|
||||
<!-- <div class="row g-0"> -->
|
||||
<!-- <div class="col-md-8"> -->
|
||||
<!-- <div class="card-body"> -->
|
||||
<!-- <h5 class="card-title">Card title</h5> -->
|
||||
<!-- <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p> -->
|
||||
<!-- <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p> -->
|
||||
<!-- </div> -->
|
||||
<!-- </div> -->
|
||||
<!-- <div class="col-md-4"> -->
|
||||
<!-- <img src="{{ url_for('static', filename='images/astral_2.png') }}" class="img-fluid rounded-start" alt="..."> -->
|
||||
<!-- </div> -->
|
||||
|
||||
<!-- </div> -->
|
||||
<!-- </div> -->
|
||||
<!-- </div> -->
|
||||
|
||||
|
||||
<!-- Modal -->
|
||||
<div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content">
|
||||
<div class="modal-header">
|
||||
<h5 class="modal-title" id="exampleModalLabel">Позвоните нам прямо сейчас!</h5>
|
||||
<button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<a href="tel:+79096861756"><i class="bi bi-telephone"></i> +7(909)686-17-56</a>
|
||||
<br/>
|
||||
<br/>
|
||||
<a href="https://wa.me/79096861756"><i class="bi bi-whatsapp"></i> Написать в Whatsapp</a>
|
||||
<br/>
|
||||
<br/>
|
||||
<a href="tg://resolve?domain=@TanyaPetrovaa"><i class="bi bi-telegram"></i> Написать в Telegram</a>
|
||||
<br/>
|
||||
<br/>
|
||||
<p>Ваш персональный менеджер Татьяна!</p>
|
||||
</div>
|
||||
<div class="modal-footer">
|
||||
<button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Close</button>
|
||||
<!-- <button type="button" class="btn btn-primary">Save changes</button> -->
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
|
||||
<footer class="bg-light text-center text-lg-start">
|
||||
<!-- Grid container -->
|
||||
<div class="container p-4">
|
||||
<!--Grid row-->
|
||||
<div class="row">
|
||||
<!--Grid column-->
|
||||
<div class="col-lg-6 col-md-12 mb-4 mb-md-0">
|
||||
<h5 class="text-uppercase">Наш адрес</h5>
|
||||
|
||||
<p>
|
||||
141602, г.Клин, Ленинградское ш., д. 8А
|
||||
</p>
|
||||
</div>
|
||||
<!--Grid column-->
|
||||
|
||||
<!--Grid column-->
|
||||
<div class="col-lg-6 col-md-12 mb-4 mb-md-0">
|
||||
<h5 class="text-uppercase">Контакты</h5>
|
||||
|
||||
<p>
|
||||
<a href="tel:+79096861756"><i class="bi bi-telephone"></i> +7(909)686-17-56</a>
|
||||
<br/>
|
||||
<br/>
|
||||
<a href="https://wa.me/79096861756"><i class="bi bi-whatsapp"></i> Написать в Whatsapp</a>
|
||||
<br/>
|
||||
<br/>
|
||||
<a href="tg://resolve?domain=@TanyaPetrovaa"><i class="bi bi-telegram"></i> Написать в Telegram</a>
|
||||
<br/>
|
||||
<br/>
|
||||
<a href="mailto:manager@klintorg.ru"><i class="bi bi-envelope"></i> manager@klintorg.ru</a>
|
||||
|
||||
|
||||
</p>
|
||||
</div>
|
||||
<!--Grid column-->
|
||||
</div>
|
||||
<!--Grid row-->
|
||||
</div>
|
||||
<!-- Grid container -->
|
||||
|
||||
<!-- Copyright -->
|
||||
<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2);">
|
||||
© 2021 Copyright:
|
||||
<a class="text-dark" href="http://klintorg.ru">klintorg.ru</a>
|
||||
</div>
|
||||
<!-- Copyright -->
|
||||
</footer>
|
||||
|
||||
|
||||
|
||||
<!-- Optional JavaScript; choose one of the two! -->
|
||||
|
||||
<!-- Option 1: Bootstrap Bundle with Popper -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p" crossorigin="anonymous"></script>
|
||||
|
||||
<script>var popoverTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="popover"]'))
|
||||
var popoverList = popoverTriggerList.map(function (popoverTriggerEl) {
|
||||
return new bootstrap.Popover(popoverTriggerEl)
|
||||
}) </script>
|
||||
<script>var myModal = document.getElementById('myModal')
|
||||
var myInput = document.getElementById('myInput')
|
||||
|
||||
myModal.addEventListener('shown.bs.modal', function () {
|
||||
myInput.focus()
|
||||
})</script>
|
||||
|
||||
<!-- Option 2: Separate Popper and Bootstrap JS -->
|
||||
<!--
|
||||
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-7+zCNj/IqJ95wo16oMtfsKbZ9ccEh31eOz1HGyDuCQ6wgnyJNSYdrPa03rtR1zdB" crossorigin="anonymous"></script>
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.min.js" integrity="sha384-QJHtvGhmr9XOIpI6YVutG+2QOK9T+ZnN4kzFN1RtK3zEFEIsxhlmWl5/YESvpZ13" crossorigin="anonymous"></script>
|
||||
-->
|
||||
</body>
|
||||
<style>
|
||||
.carousel-caption{
|
||||
color: lightgreen;
|
||||
|
||||
}
|
||||
.carousel-inner > .carousel-item > img {
|
||||
width:50%;
|
||||
height:100%;
|
||||
}
|
||||
|
||||
a {text-decoration: none; color: #212121;}
|
||||
a:hover {text-decoration: none; color: #red;}
|
||||
</style>
|
||||
|
||||
</html>
|
||||
Loading…
Reference in New Issue
Block a user