добавление папки с сайтом версии 1.0

2026-04-25 13:50:49 +03:00
parent 9d895cfcda
commit 3ba54f3753
21 changed files with 368 additions and 0 deletions
@@ -0,0 +1,146 @@
+body {
+    font-family: Arial, sans-serif;
+    margin: 0;
+    padding: 0;
+    background: linear-gradient(to right, #e0f7fa, #80deea);
+    display: flex;
+    flex-direction: column;
+    min-height: 100vh;
+}
+
+header {
+    background: #007c80;
+    color: white;
+    padding: 10px 0;
+    text-align: center;
+}
+
+.title {
+    display: inline-block;
+    padding: 20px 40px;
+    border: 3px solid #007c80;
+    border-radius: 8px;
+    background-color: white;
+    color: black;
+    font-size: 36px;
+    transition: transform 0.3s ease, box-shadow 0.3s ease;
+}
+
+.title:hover {
+    transform: scale(1.05);
+    box-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
+}
+
+nav {
+    margin: 20px 0;
+    text-align: center;
+}
+
+nav a {
+    margin: 0 10px;
+    text-decoration: none;
+    color: white;
+    font-size: 16px;
+    padding: 5px 10px;
+    background-color: #007c80;
+    border-radius: 5px;
+    transition: background-color 0.3s ease;
+}
+
+nav a:hover {
+    background-color: #005f60;
+}
+
+main {
+    flex: 1;
+    width: 80%;
+    margin: auto;
+    overflow: hidden;
+    background: white;
+    padding: 20px;
+    border-radius: 8px;
+    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
+    text-align: center;
+}
+
+h2 {
+    color: #007c80;
+    text-align: center;
+}
+
+.highlight {
+    font-size: 24px;
+    font-weight: bold;
+    color: #000202;
+    text-align: center;
+    margin-bottom: 10px;
+}
+
+.image-container {
+    display: flex;
+    justify-content: center;
+    flex-wrap: wrap;
+}
+
+figure {
+    margin: 10px;
+    text-align: center;
+}
+
+img {
+    width: 100%;
+    max-width: 300px;
+    height: auto;
+    border-radius: 8px;
+    box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
+}
+
+table {
+    width: 100%;
+    border-collapse: collapse;
+    margin: 20px 0;
+}
+
+th, td {
+    border: 1px solid #ddd;
+    padding: 8px;
+    text-align: left;
+}
+
+th {
+    background-color: #007c80;
+    color: white;
+}
+
+tr:nth-child(even) {
+    background-color: #f2f2f2;
+}
+
+footer {
+    text-align: center;
+    padding: 10px 0;
+    background: #007c80;
+    color: white;
+}
+
+.description {
+    color: #0c0101;
+    font-size: 20px;
+    text-align: left;
+}
+
+.photo {
+    margin-top: 20px;
+    max-width: 100%;
+    height: auto;
+    border-radius: 8px;
+}
+
+ul {
+    list-style-type: square;
+    padding-left: 20px;
+}
+
+li {
+    margin-bottom: 20px;
+}