commit components

resources/views/components/footer.blade.php

@@ -0,0 +1,43 @@
+<footer class="footer">
+    <div class="container">
+        <div class="college-info">
+            <p class="copyright">
+                краевое государственное бюджетное профессиональное образовательное учреждение
+                "Канский технологический колледж", <br>
+                © 2013-2021
+            </p>
+
+            <div class="social-media">
+                <a class="social-media-link" href="https://vk.com/kansktc" target="_blank">
+                    <i class="fab fa-vk"></i>
+                </a>
+
+                <a class="social-media-link" href="https://www.instagram.com/ktk_kansk" target="_blank">
+                    <i class="fab fa-instagram"></i>
+                </a>
+            </div>
+        </div>
+
+        <div class="footer-logos">
+            <img class="footer-logo" src="{{ asset('assets/img/logo.png') }}" alt="bruh">
+            <img class="footer-logo" src="{{ asset('assets/img/workshop.png') }}" alt="bruh">
+        </div>
+
+        <div class="footer-contact">
+            <p class="contact-info">
+                <i class="fas fa-map-marker-alt"></i>
+                ул. Кайтымская, 56, г. Канск, 663600
+            </p>
+
+            <p class="contact-info">
+                <i class="fas fa-phone-alt"></i>
+                (39161) 2-39-52
+            </p>
+
+            <p class="contact-info">
+                <i class="fas fa-envelope"></i>
+                kansk-ktt@mail.ru
+            </p>
+        </div>
+    </div>
+</footer>

resources/views/components/header/home.blade.php

@@ -0,0 +1,64 @@
+<header class="header-home">
+    <div class="container">
+        <div class="header-top">
+            <nav>
+                <a class="nav-links" href="#">Сведения об учреждении</a>
+                <a class="nav-links" href="#">Студентам/Родителям</a>
+                <a class="nav-links" href="#">Жизнь колледжа</a>
+            </nav>
+
+            <div class="header-icons">
+                <a class="header-icon" href="#">
+                    <i class="fas fa-search"></i>
+                </a>
+
+                <a class="header-icon" href="#">
+                    <i class="fas fa-eye"></i>
+                </a>
+            </div>
+        </div>
+
+        <div class="header-banner">
+            <div class="banner-info">
+                <img class="banner-logo" src="{{ asset('assets/img/logo.png') }}" alt="logo">
+
+                <div>
+                    <h1 class="banner-title">Канский технологический колледж</h1>
+                    <div class="banner-contact-block">
+                        <p>
+                            <i class="fas fa-phone-alt"></i>
+                            (39161) 2-39-52
+                        </p>
+
+                        <p>
+                            <i class="fas fa-envelope"></i>
+                            kansk-ktt@mail.ru
+                        </p>
+                    </div>
+                </div>
+            </div>
+
+            <div class="banner-menu">
+                <a class="banner-link" href="#">
+                    <i class="fas fa-graduation-cap"></i>
+                    Абитуриентам
+                </a>
+
+                <a class="banner-link" href="#">
+                    <i class="fas fa-newspaper"></i>
+                    Новости колледжа
+                </a>
+
+                <a class="banner-link" href="#">
+                    <i class="fas fa-list-ol"></i>
+                    Расписание
+                </a>
+
+                <a class="banner-link" href="#">
+                    <i class="fas fa-globe-americas"></i>
+                    WorldSkills
+                </a>
+            </div>
+        </div>
+    </div>
+</header>

resources/views/components/header/main.blade.php

@@ -0,0 +1,24 @@
+<header class="header">
+    <div class="container">
+        <div class="header-nav">
+            <img class="header-logo" src="{{ asset('assets/img/logo.png') }}" alt="КТК">
+
+            <nav>
+                <a class="nav-links" href="#">Сведения об учреждении</a>
+                <a class="nav-links" href="#">Студентам/Родителям</a>
+                <a class="nav-links" href="#">Жизнь колледжа</a>
+                <a class="nav-links" href="#">Прочее</a>
+            </nav>
+        </div>
+
+        <div class="header-icons">
+            <a class="header-icon" href="#">
+                <i class="fas fa-search"></i>
+            </a>
+
+            <a class="header-icon" href="#">
+                <i class="fas fa-eye"></i>
+            </a>
+        </div>
+    </div>
+</header>