瀏覽代碼

first commit

kittkat 1 年之前
當前提交
6ccea522b8
共有 3 個文件被更改,包括 198 次插入0 次删除
  1. 0 0
      README.md
  2. 90 0
      cat.html
  3. 108 0
      style.css

+ 0 - 0
README.md


+ 90 - 0
cat.html

@@ -0,0 +1,90 @@
+<!DOCTYPE html>
+<html>
+<head>
+ <title>Котоняня - услуги выгула и присмотра за питомцами</title>
+ <meta charset="utf-8">
+ <link rel="stylesheet" type="text/css" href="style.css">
+</head>
+<body>
+ <header>
+  <h1>Котоняня</h1>
+  <nav>
+   <ul>
+    <li><a href="#">О нас</a></li>
+    <li><a href="#">Услуги</a></li>
+    <li><a href="#">Цены</a></li>
+    <li><a href="#">Контакты</a></li>
+   </ul>
+  </nav>
+ </header>
+ <main>
+  <section class="services">
+   <h2>Наши услуги</h2>
+   <ul>
+    <li>Выгул собак</li>
+    <li>Выгул кошек</li>
+    <li>Присмотр за домашними животными</li>
+   </ul>
+  </section>
+  <section class="prices">
+   <h2>Цены на наши услуги</h2>
+   <table>
+    <thead>
+     <tr>
+      <th>Услуга</th>
+      <th>Время выгула/присмотра</th>
+      <th>Цена</th>
+     </tr>
+    </thead>
+    <tbody>
+     <tr>
+      <td>Выгул собак</td>
+      <td>1 час</td>
+      <td>500 рублей</td>
+     </tr>
+     <tr>
+      <td>Выгул кошек</td>
+      <td>30 минут</td>
+      <td>300 рублей</td>
+     </tr>
+     <tr>
+      <td>Присмотр за домашними животными</td>
+      <td>1 час</td>
+      <td>400 рублей</td>
+     </tr>
+    </tbody>
+   </table>
+  </section>
+  <section class="contact">
+   <h2>Контакты Котоняни</h2>
+   <ul>
+    <li>Телефон: +7 (977) 113-29-64</li>
+    <li>E-mail: kotonyanya@mail.com</li>
+    <li>Адрес: г.Москва, ул.Пушкина, д.10</li>
+   </ul>
+   <form action="send.php" method="post">
+    <label>
+     Ваше имя:<br>
+     <input type="text" name="name" required>
+    </label>
+    <label>
+     Ваш телефон:<br>
+     <input type="tel" name="phone" required>
+    </label>
+    <label>
+     Ваш E-mail:<br>
+     <input type="email" name="email" required>
+    </label>
+    <label>
+     Сообщение:<br>
+     <textarea name="message"></textarea>
+    </label>
+    <button type="submit">Отправить</button>
+   </form>
+  </section>
+ </main>
+ <footer>
+  <p>© Котоняня, 2021</p>
+ </footer>
+</body>
+</html>

+ 108 - 0
style.css

@@ -0,0 +1,108 @@
+body {
+ font-family: sans-serif;
+ margin: 0;
+ padding: 0;
+}
+
+header {
+ background-color: #1AAB8A;
+ color: #fff;
+ padding: 20px;
+}
+
+nav ul {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+
+nav li {
+ display: inline-block;
+ margin-left: 20px;
+}
+
+nav a {
+ color: #fff;
+ text-decoration: none;
+ font-size: 18px;
+}
+
+main {
+ max-width: 900px;
+ margin: 0 auto;
+ padding: 20px;
+}
+
+.services ul {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+
+.services ul li {
+ margin-bottom: 10px;
+}
+
+.prices table {
+ border-collapse: collapse;
+ width: 100%;
+ margin-top: 20px;
+}
+
+.prices th, .prices td {
+ padding: 10px;
+ text-align: center;
+}
+
+.prices th {
+ background-color: #1AAB8A;
+ color: #fff;
+}
+
+.prices tr:nth-child(even) {
+ background-color: #eeeeee;
+}
+
+.contact ul {
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
+
+.contact form {
+ margin-top: 20px;
+ display: flex;
+ flex-wrap: wrap;
+}
+
+.contact label {
+ display: block;
+ margin-bottom: 10px;
+ flex-basis: 100%;
+}
+
+.contact label input, .contact label textarea {
+ width: 100%;
+ padding: 10px;
+ border-radius: 5px;
+ border: 1px solid #ccc;
+ margin-top: 5px;
+ font-size: 16px;
+ box-sizing: border-box;
+}
+
+.contact label input:focus, .contact label textarea:focus {
+ outline: none;
+ border-color: #1AAB8A;
+}
+
+.contact button[type="submit"] {
+ background-color: #1AAB8A;
+ color: #fff;
+ border: none;
+ padding: 10px 20px;
+ margin-top: 20px;
+ border-radius: 5px;
+ font-size: 18px;
+ cursor: pointer;
+}