add template.html

d50fe356 · Danila · 7a365c14 · d50fe356
Commit d50fe356 authored 1 year ago by Danila
Hide whitespace changes
Inline Side-by-side

Showing

with 34 additions and 0 deletions
+34 -0
--- a/template.html
+++ b/template.html
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="utf-8">
+    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css">
+    <link rel="stylesheet" type="text/css" href="static/style.css">
+    <style>
+        .photo-container {
+            border: 1px solid #ccc;
+            padding: 10px;
+            text-align: center;
+        }
+        .photo {
+            max-width: 100%;
+            height: auto;
+        }
+    </style>
+</head>
+<body>
+    <main class="container">
+        <div class="row">
+            {% for photo in photos %}
+            <div class="col-4">
+                <div class="photo-container">
+                    <img src="folder/{{photo[0]}}" class="photo" alt="Ошибка">
+                    <p>{{photo[0]}}</p>
+                    <p>{{photo[1]}}</p>
+                </div>
+            </div>
+            {% endfor %}
+        </div>
+    </main>
+</body>
+</html>