initial commit

.idea/.gitignore

@@ -0,0 +1,5 @@
+# Default ignored files
+/shelf/
+/workspace.xml
+# Editor-based HTTP Client requests
+/httpRequests/

.idea/Pereslavl_dacha.iml

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<module type="WEB_MODULE" version="4">
+  <component name="NewModuleRootManager">
+    <content url="file://$MODULE_DIR$">
+      <excludeFolder url="file://$MODULE_DIR$/.tmp" />
+      <excludeFolder url="file://$MODULE_DIR$/temp" />
+      <excludeFolder url="file://$MODULE_DIR$/tmp" />
+    </content>
+    <orderEntry type="inheritedJdk" />
+    <orderEntry type="sourceFolder" forTests="false" />
+  </component>
+</module>

.idea/modules.xml

@@ -0,0 +1,8 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="ProjectModuleManager">
+    <modules>
+      <module fileurl="file://$PROJECT_DIR$/.idea/Pereslavl_dacha.iml" filepath="$PROJECT_DIR$/.idea/Pereslavl_dacha.iml" />
+    </modules>
+  </component>
+</project>

.idea/vcs.xml

@@ -0,0 +1,6 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project version="4">
+  <component name="VcsDirectoryMappings">
+    <mapping directory="$PROJECT_DIR$" vcs="Git" />
+  </component>
+</project>

index.html

@@ -0,0 +1,51 @@
+<!doctype html>
+<html lang="ru">
+<head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>WS playground</title>
+    <link rel="stylesheet" href="styles.css">
+</head>
+<body>
+<header>
+    <div class="main-preview">
+        <h1>Дача Сталина</h1>
+        <img src="" alt="">
+    </div>
+</header>
+<main>
+    <section>
+
+        <div class="card">
+            <h2>Фитнесс зал</h2>
+            <img src="" alt="">
+            <p>зал для занятий фитнессом и боксом</p>
+        </div>
+
+        <div class="card">
+            <h2>Выставка керамики</h2>
+            <img src="" alt="">
+            <p>выставка керамики Майи Лопес</p>
+        </div>
+
+
+        <div class="card">
+            <h2>Беседка с мангалом внутри</h2>
+            <img src="" alt="">
+            <p>беседка в восточном стиле со встроенным мангалом и умывальником. <br> Главное - не играйтесь с огнем!</p>
+        </div>
+
+        <div class="card">
+            <h2>Заплывы на сапах и катамаране</h2>
+            <img src="" alt="">
+            <p>В любой момент можно пойти поплавать в озере на сапах и катамаране</p>
+        </div>
+
+
+    </section>
+</main>
+<footer>
+</footer>
+<script></script>
+</body>
+</html>

styles.css

@@ -0,0 +1,46 @@
+*{
+    box-sizing: border-box;
+}
+
+body,
+h1,
+h2,
+h3,
+h4,
+p{
+    margin: 0;
+    font-weight: normal;
+
+}
+
+div, header, main, footer {
+    margin: 0;
+}
+
+.main-preview{
+    text-align: center;
+    background-color: cadetblue;
+    width: 100%;
+    height: 80vh;
+}
+
+section{
+    background-color: darkred;
+    margin: auto;
+    text-align: center;
+    width: 100%;
+}
+.card {
+    text-align: center;
+    display: inline-block;
+    background-color: saddlebrown;
+    margin: 20px 10px 20px 10px;
+    padding: 20px;
+    height: 600px;
+    width: 45%;
+
+}
+.card-description{
+
+}
+