current gov added + css for footer

kole1337 · Mar 26, 2024 · e00e1fc · e00e1fc
1 parent e77fa22
commit e00e1fc
Show file tree

Hide file tree

Showing 5 changed files with 223 additions and 82 deletions.
diff --git a/govcalcStyle.css b/govcalcStyle.css
@@ -89,8 +89,24 @@ tr:hover{
 }
 
 footer{
+    width: 100%;
+    height: auto;
     text-align: center;
     background-color: lightslategray;
     color: black;
-    font-size:20px;
+    padding: 50px;
+    font-size:35px;
+
+    a:hover{
+        color: white;
+    }
+
+    a:link{
+        color: black;
+        text-decoration: none;
+    }
+    /* a:visited{
+        color: black;
+        text-decoration: none;
+    } */
 }
diff --git a/segashna.html b/segashna.html
@@ -18,6 +18,76 @@ <h1>GovCalc</h1>
 
     <p>Segashna sglobka overview</p>
 
+    <div class="image-pm">
+        <div class="prime-minister">
+            <div class="title">Министър-председател</div>
+            <a target="_blank" href="https://bg.wikipedia.org/wiki/Правителство_на_Николай_Денков">
+                <img src="https://naukamon.eu//wp-content/uploads/2020/07/%D0%9D%D0%94%D0%B5%D0%BD%D0%BA%D0%BE%D0%B2-1.jpg" title="Минипредс, Николай Денков" width="160" height="200">
+            </a>
+
+        </div>
+    </div>
+<div class="vice-pms">
+    <div class="gallery">
+        <div class="title">Замминипредс, Минивъншн</div>
+        <a target="_blank" href="https://bg.wikipedia.org/wiki/Правителство_на_Николай_Денков">
+          <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/15/Bulgarian_Foreign_Minister_Mariya_Gabriel_at_the_State_Department_in_Washington%2C_D.C._on_September_25%2C_2023_%28cropped%29.jpg/250px-Bulgarian_Foreign_Minister_Mariya_Gabriel_at_the_State_Department_in_Washington%2C_D.C._on_September_25%2C_2023_%28cropped%29.jpg" title="Замминипредс, Минивъншн, Мария Габриел" width="160" height="200">
+        </a>
+    </div>
+</div>
+<div class="ministers">
+    <div class="gallery">
+        <div class="title">Замминипредс, Минивъншн</div>
+        <a target="_blank" href="https://bg.wikipedia.org/wiki/Правителство_на_Николай_Денков">
+          <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/15/Bulgarian_Foreign_Minister_Mariya_Gabriel_at_the_State_Department_in_Washington%2C_D.C._on_September_25%2C_2023_%28cropped%29.jpg/250px-Bulgarian_Foreign_Minister_Mariya_Gabriel_at_the_State_Department_in_Washington%2C_D.C._on_September_25%2C_2023_%28cropped%29.jpg" title="Замминипредс, Минивъншн, Мария Габриел" width="160" height="200">
+        </a>
+    </div>
+
+    <div class="gallery">
+        <div class="title">Замминипредс, Минивъншн</div>
+        <a target="_blank" href="https://bg.wikipedia.org/wiki/Правителство_на_Николай_Денков">
+          <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/15/Bulgarian_Foreign_Minister_Mariya_Gabriel_at_the_State_Department_in_Washington%2C_D.C._on_September_25%2C_2023_%28cropped%29.jpg/250px-Bulgarian_Foreign_Minister_Mariya_Gabriel_at_the_State_Department_in_Washington%2C_D.C._on_September_25%2C_2023_%28cropped%29.jpg" title="Замминипредс, Минивъншн, Мария Габриел" width="160" height="200">
+        </a>
+    </div>
+
+    <div class="gallery">
+        <div class="title">Замминипредс, Минивъншн</div>
+        <a target="_blank" href="https://bg.wikipedia.org/wiki/Правителство_на_Николай_Денков">
+          <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/15/Bulgarian_Foreign_Minister_Mariya_Gabriel_at_the_State_Department_in_Washington%2C_D.C._on_September_25%2C_2023_%28cropped%29.jpg/250px-Bulgarian_Foreign_Minister_Mariya_Gabriel_at_the_State_Department_in_Washington%2C_D.C._on_September_25%2C_2023_%28cropped%29.jpg" title="Замминипредс, Минивъншн, Мария Габриел" width="160" height="200">
+        </a>
+    </div>
+    <div class="gallery">
+        <div class="title">Замминипредс, Минивъншн</div>
+        <a target="_blank" href="https://bg.wikipedia.org/wiki/Правителство_на_Николай_Денков">
+          <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/15/Bulgarian_Foreign_Minister_Mariya_Gabriel_at_the_State_Department_in_Washington%2C_D.C._on_September_25%2C_2023_%28cropped%29.jpg/250px-Bulgarian_Foreign_Minister_Mariya_Gabriel_at_the_State_Department_in_Washington%2C_D.C._on_September_25%2C_2023_%28cropped%29.jpg" title="Замминипредс, Минивъншн, Мария Габриел" width="160" height="200">
+        </a>
+    </div>
+    <div class="gallery">
+        <div class="title">Замминипредс, Минивъншн</div>
+        <a target="_blank" href="https://bg.wikipedia.org/wiki/Правителство_на_Николай_Денков">
+          <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/15/Bulgarian_Foreign_Minister_Mariya_Gabriel_at_the_State_Department_in_Washington%2C_D.C._on_September_25%2C_2023_%28cropped%29.jpg/250px-Bulgarian_Foreign_Minister_Mariya_Gabriel_at_the_State_Department_in_Washington%2C_D.C._on_September_25%2C_2023_%28cropped%29.jpg" title="Замминипредс, Минивъншн, Мария Габриел" width="160" height="200">
+        </a>
+    </div>
+    <div class="gallery">
+        <div class="title">Замминипредс, Минивъншн</div>
+        <a target="_blank" href="https://bg.wikipedia.org/wiki/Правителство_на_Николай_Денков">
+          <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/15/Bulgarian_Foreign_Minister_Mariya_Gabriel_at_the_State_Department_in_Washington%2C_D.C._on_September_25%2C_2023_%28cropped%29.jpg/250px-Bulgarian_Foreign_Minister_Mariya_Gabriel_at_the_State_Department_in_Washington%2C_D.C._on_September_25%2C_2023_%28cropped%29.jpg" title="Замминипредс, Минивъншн, Мария Габриел" width="160" height="200">
+        </a>
+    </div>
+    <div class="gallery">
+        <div class="title">Замминипредс, Минивъншн</div>
+        <a target="_blank" href="https://bg.wikipedia.org/wiki/Правителство_на_Николай_Денков">
+          <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/15/Bulgarian_Foreign_Minister_Mariya_Gabriel_at_the_State_Department_in_Washington%2C_D.C._on_September_25%2C_2023_%28cropped%29.jpg/250px-Bulgarian_Foreign_Minister_Mariya_Gabriel_at_the_State_Department_in_Washington%2C_D.C._on_September_25%2C_2023_%28cropped%29.jpg" title="Замминипредс, Минивъншн, Мария Габриел" width="160" height="200">
+        </a>
+    </div>
+    <div class="gallery">
+        <div class="title">Замминипредс, Минивъншн</div>
+        <a target="_blank" href="https://bg.wikipedia.org/wiki/Правителство_на_Николай_Денков">
+          <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/1/15/Bulgarian_Foreign_Minister_Mariya_Gabriel_at_the_State_Department_in_Washington%2C_D.C._on_September_25%2C_2023_%28cropped%29.jpg/250px-Bulgarian_Foreign_Minister_Mariya_Gabriel_at_the_State_Department_in_Washington%2C_D.C._on_September_25%2C_2023_%28cropped%29.jpg" title="Замминипредс, Минивъншн, Мария Габриел" width="160" height="200">
+        </a>
+    </div>
+</div>
+
     <div>
         <footer>
             <nav>
@@ -27,5 +97,7 @@ <h1>GovCalc</h1>
             </nav>
         </footer>
     </div>
+</div>
+
 </body>
 </html>
diff --git a/segashnaStyle.css b/segashnaStyle.css
@@ -4,47 +4,65 @@ body{
 
 .main-menu{
     text-align: center;
-    a{
-        margin: 5px;
-        padding: 5px;
-        background-color: gray;
-        border-style: solid;
-
-    }
-    a:hover{
-        background-color: lightgray;
-    }
+
+}
+.main-menu > a{
+    margin: 5px;
+    padding: 5px;
+    background-color: gray;
+    border-style: solid;
+
+}
+.main-menu > a:hover{
+    background-color: lightgray;
+}
+.main-menu > a:link{
+    color: black;
+    text-decoration: none;
+}
+.main-menu > a:visited{
+    color: black;
+    text-decoration: none;
+}
+
+div.image-pm{
+    width: auto; 
+    height: auto;
+    text-align: center;
 }
 
 
-.view{
+div.vice-pms{
+    width: auto; 
+    height: auto;
     display: flex;
-}
+    align-items: center;
+    justify-content: center;
+    text-align: center;
 
-.view > div{
-    margin:1%;
+    div.gallery{
+        padding: 10px;
+    }
 }
 
-.data-table{
-    width: 50%;
+div.ministers{
+        width: 100%; 
+        height: 100%;
+        display: flex;
+        flex-wrap: wrap;
+        align-items: center;
+        justify-content: center;
+        text-align: center;
+
+        div.gallery{
+            padding: 10px;
+        }
 
-}
-.select-parties{
-    background-color: lightgray;
-    width:50%;
 }
 
-.select-parties > button {
-    font-size:10px;
-    margin:15px;
-    padding:15px;
-}
-.mandati{
-    display: flex;
-    flex: row;
-    list-style-type: none;
-    margin: 10px;
-    padding: 10px;
+div.title{
+    text-align: center;
+    font-family: "Comic Sans MS", "Comic Sans", cursive;
 }
 
 table {
@@ -54,21 +72,20 @@ table {
 }
 
 td, th {
-    border: 2px solid #dddddd;
+    border: 2px solid black;
     text-align: left;
     padding: 8px;
 }
 
 tr:nth-child(even) {
     background-color: #dddddd;
 }
-
-/* .data-table > div{
-    background-color: #f1f1f1;
-    margin: 40px;
-    padding: 80px;
-    font-size: 120px;
-} */
+tr:nth-child(odd) {
+    background-color: white;
+}
+tr:hover{
+    background-color: lightslategray;
+}
 
 footer{
     text-align: center;

diff --git a/sglobkaStyle.css b/sglobkaStyle.css
@@ -4,71 +4,49 @@ body{
 
 .main-menu{
     text-align: center;
-    a{
-        margin: 5px;
-        padding: 5px;
-        background-color: gray;
-        border-style: solid;
-
-    }
-    a:hover{
-        background-color: lightgray;
-    }
-}
-
-
-.view{
-    display: flex;
-}
 
-.view > div{
-    margin:1%;
 }
-
-.data-table{
-    width: 50%;
+.main-menu > a{
+    margin: 5px;
+    padding: 5px;
+    background-color: gray;
+    border-style: solid;
 
 }
-.select-parties{
+.main-menu > a:hover{
     background-color: lightgray;
-    width:50%;
 }
-
-.select-parties > button {
-    font-size:10px;
-    margin:15px;
-    padding:15px;
+.main-menu > a:link{
+    color: black;
+    text-decoration: none;
 }
-.mandati{
-    display: flex;
-    flex: row;
-    list-style-type: none;
-    margin: 10px;
-    padding: 10px;
+.main-menu > a:visited{
+    color: black;
+    text-decoration: none;
 }
 
+
 table {
     font-family: arial, sans-serif;
     border-collapse: collapse;
     width: 100%;
 }
 
 td, th {
-    border: 2px solid #dddddd;
+    border: 2px solid black;
     text-align: left;
     padding: 8px;
 }
 
 tr:nth-child(even) {
     background-color: #dddddd;
 }
-
-/* .data-table > div{
-    background-color: #f1f1f1;
-    margin: 40px;
-    padding: 80px;
-    font-size: 120px;
-} */
+tr:nth-child(odd) {
+    background-color: white;
+}
+tr:hover{
+    background-color: lightslategray;
+}
 
 footer{
     text-align: center;

diff --git a/test.html b/test.html
@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html>
+<head>
+<style>
+div.gallery {
+  margin: 5px;
+  border: 1px solid #ccc;
+  float: left;
+  width: 180px;
+}
+
+div.gallery:hover {
+  border: 1px solid #777;
+}
+
+div.gallery img {
+  width: 100%;
+  height: auto;
+}
+
+div.desc {
+  padding: 15px;
+  text-align: center;
+}
+</style>
+</head>
+<body>
+
+<div class="gallery">
+  <a target="_blank" href="img_5terre.jpg">
+    <img src="img_5terre.jpg" alt="Cinque Terre" width="600" height="400">
+  </a>
+  <div class="desc">Add a description of the image here</div>
+</div>
+
+<div class="gallery">
+  <a target="_blank" href="img_forest.jpg">
+    <img src="img_forest.jpg" alt="Forest" width="600" height="400">
+  </a>
+  <div class="desc">Add a description of the image here</div>
+</div>
+
+<div class="gallery">
+  <a target="_blank" href="img_lights.jpg">
+    <img src="img_lights.jpg" alt="Northern Lights" width="600" height="400">
+  </a>
+  <div class="desc">Add a description of the image here</div>
+</div>
+
+<div class="gallery">
+  <a target="_blank" href="img_mountains.jpg">
+    <img src="img_mountains.jpg" alt="Mountains" width="600" height="400">
+  </a>
+  <div class="desc">Add a description of the image here</div>
+</div>
+
+</body>
+</html>