add top menu

parts/landings/graduation/top-menu.php

@@ -0,0 +1,7 @@
+<div class="top__menu">
+	<div class="layer"></div>
+	<div class="content">
+		<span>Назад</span>
+		<div><i class="fa fa-map-marker" aria-hidden="true"></i> <span>Подольск</span></div>
+	</div>
+</div>

src/sass/pages/graduation.sass

@@ -1,5 +1,4 @@
 @import '../fonts'
-// @import url('https://fonts.googleapis.com/css2?family=Roboto&display=swap');
 
 $title-color: #732B3C
 $text-color: #5A5A5A
@@ -24,9 +23,9 @@ body
 
 main
   background: center url('../../img/graduation/main_bg.png')
-  background-size: contain
-  // height: 100vh
-  height: 1019px
+  background-size: cover
+  height: 100vh
+  // height: 1019px
   width: 100%
   position: relative
 
@@ -234,3 +233,46 @@ main
         font-size: 14px
 
         color: #FFFFFF;
+
+.top__menu
+  position: fixed
+  height: 96px
+  top: 0
+  left: 0
+  right: 0
+  z-index: 1
+
+  .layer
+    position: absolute
+    top: 0
+    left: 0
+    bottom: 0
+    right: 0
+    background: rgba(0, 0, 0, 0.55)
+    z-index: 1
+
+  .content
+    position: absolute
+    top: 0
+    left: 0
+    bottom: 0
+    right: 0
+    z-index: 2
+    color: #fff
+    padding: 36px 105px
+    display: flex
+    justify-content: space-between
+    align-self: center
+
+    span
+      &:first-child
+        font-family: Shadow
+        font-size: 24px
+        cursor: pointer
+
+      &:last-child
+        font-family: Montserrat
+        font-weight: 600
+        font-size: 14px
+        margin-left: 10px
+

templates/graduation.php

@@ -6,6 +6,7 @@
 
 <?php 
   get_template_part('parts/landings/graduation/header');
+  get_template_part('parts/landings/graduation/top-menu');
   get_template_part('parts/landings/graduation/main');
   get_template_part('parts/landings/graduation/description');
   get_template_part('parts/landings/graduation/offers');