project slides

projects.html

@@ -5,6 +5,8 @@
     <meta charset="UTF-8">
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <title>Пространственные Системы</title>
+    <link rel="stylesheet" href="fullpage/fullpage.min.css">
+    <script src="fullpage/fullpage.js"></script>
     <link rel="stylesheet" href="style.css">
 </head>
 
@@ -25,55 +27,33 @@
             </div>
         </div>
     </div>
-    <div id="projects-container">
-        <div id="projects-wrap">
-            <div id="projects-content">
-                <div>
+    <div class="fullpage">
+        <div class="section">
             <a class="project-container" href="project-post.html">
                 <img src="./images/postnet/postnet-cover.png" alt="" srcset="">
                 <div class="project-title">
                     <span>Postnet<div class="project-arrow"></div></span>
                 </div>
-                    </a>
                 <div class="project-text">геоинформационная AutoML система для контроля и развития сети
                     Московский постамат</div>
+            </a>
         </div>
-                <div>
+        <div class="section">
             <a class="project-container" href="project-post.html">
                 <img src="./images/city/city-cover.png" alt="" srcset="">
                 <div class="project-title">
                     <span>Cit<wbr>y modelling<div class="project-arrow">
                         </div></span>
                 </div>
-                    </a>
                 <div class="project-text">геоинформационная ML система для моделирования городского пространства /
                     цифрового мастер&#8209;планирования</div>
-                </div>
-
-                <!-- <a class="project-container" href="project-post.html">
-                    <div class="project-image" style="background-image: url('./images/projects/agglom.jpg');"></div>
-                    <div class="project-title">
-                        <span>Аварийность объектов ЖКХ<div class="project-arrow"></div></span>
-                    </div>
-                </a>
-                <a class="project-container" href="project-post.html">
-                    <div class="project-image" style="background-image: url('./images/projects/arial.jpeg');"></div>
-                    <div class="project-title">
-                        <span>Постаматы<div class="project-arrow"></div></span>
-                    </div>
-                </a> -->
-            </div>
-            <!-- <div id="footer-container">
-                <div id="footer-title">
-                    Свяжитесь с нами
-                </div>
-                <a href="contacts.html" id="footer-link">
-                    Контакты
             </a>
-            </div> -->
 
         </div>
     </div>
+    <script>
+        new fullpage('.fullpage', { navigation: true });
+    </script>
 </body>
 
 </html>