Added CV page (content is not edited)

Updated projects page

MyWebsite/MyWebsite/wwwroot/css/Style.css

@@ -23,7 +23,7 @@ body {
 
 .navbar {
     background-color: #343434;
-    position: fixed;
+    position: sticky;
     z-index: 10;
     top: 0%;
     right: 0%;
@@ -41,6 +41,14 @@ body {
     color: gray;
 }
 
+footer a {
+    text-decoration: none;
+    color: black;
+}
+footer a:hover {
+    color: orangered;
+}
+
 .main-menu {
     display: inline;
     list-style: none;
@@ -56,20 +64,21 @@ body {
     float: right;
 }
 
-body {
-    padding-top: 55px;
-}
-
 footer {
-    padding-left: 10px;
+    padding: 0px 10px;
+    display: grid;
+    align-items: center;
+    grid-template-columns: 1fr auto auto auto;
+    grid-column-gap: 10px;
 }
+footer svg { width: 1.4em; }
 
 main {
     min-height: calc(100vh - 130px);
 }
 
 .info-block {
-    margin-left: 50px;
+    margin: 0px 50px;
 }
 
 header {
@@ -103,10 +112,10 @@ header a:hover {
 article a:visited {
     color: blue;
 }
-
-.gallery {
-    margin: 50px;
+article a:link {
+    color: blue;
 }
+
 .gallery img {
     transition: .25s;
     object-fit: cover;
@@ -135,17 +144,31 @@ article a:visited {
 }
 
 .project-item {
+    display: grid;
+    grid-template-columns: auto 1fr;
+    grid-template-rows: auto auto;
+    grid-column-gap: 20px;
+
     background-color: whitesmoke;
     margin-bottom: 10px;
-    min-height: 200px;
 }
-.project-item img {
-    max-height: 200px;
-    float: left;
+.project-item .thumbnail {
+    grid-column: 1/1;
+    grid-row: 1/3;
 }
+.project-item .thumbnail img {
+    max-height: 220px;
+}
+.badges {
+    grid-column: 2/2;
+    grid-row: 2/2; 
+    margin-bottom: 20px;
+    align-self: end;
+}
+
 .project-item .text {
-    display: inline-block;
-    margin-left: 20px;
+    grid-column: 2/2;
+    grid-row: 1/1;
     margin-bottom: 15px;
 }
 
@@ -157,13 +180,54 @@ article a:visited {
     height: 25px;
     width: 25px;
     margin-right: 10px !important;
+    display: inline-block;
+    background-size: contain;
 }
 
-.csharp { content: url("../images/Badges/csharp.png"); }
-.dotnet { content: url("../images/Badges/dotnet.png"); }
-.xamarin { content: url("../images/Badges/xamarin.png"); }
-.unity { content: url("../images/Badges/unity.png"); }
-.android { content: url("../images/Badges/android.png"); }
-.uwp { content: url("../images/Badges/windows.png"); }
-.win32 { content: url("../images/Badges/windows.png"); }
-.windows { content: url("../images/Badges/windows.png"); }
+.comment {
+    color: #57a64a;
+}
+.comment:visited {
+    color: #57a64a;
+}
+.tab {
+    margin-right: 25px;
+}
+.contact-me {
+    padding: 30px 50px;
+    background-color: #1e1e1e;
+    color: white;
+}
+code {
+    font: inherit;
+}
+var {
+    color: #569cd6;
+    font: inherit;
+}
+.class {
+    color: #4ec9b0;
+}
+.string {
+    color: #d69d85;
+    text-decoration: none;
+}
+.string:link:hover {
+    text-decoration: underline;
+}
+.string:visited {
+    color: #d69d85;
+    text-decoration: none;
+}
+.method {
+    color: rgb(220, 220, 170);
+}
+
+.csharp { background-image: url(../images/Badges/csharp.png); }
+.dotnet { background-image: url("../images/Badges/dotnet.png"); }
+.xamarin { background-image: url("../images/Badges/xamarin.png"); }
+.unity { background-image: url("../images/Badges/unity.png"); }
+.android { background-image: url("../images/Badges/android.png"); }
+.uwp { background-image: url("../images/Badges/windows.png"); }
+.win32 { background-image: url("../images/Badges/windows.png"); }
+.windows { background-image: url("../images/Badges/windows.png"); }