Projects

patchos.css

@@ -21,8 +21,8 @@
 .show img{
     width: 30%;
     height: 30%;
-    align-self: center;
-    object-position: center;
+    align-self: normal;
+    object-position: left;
     cursor: pointer;
 }
 .navbar{
@@ -106,7 +106,12 @@ h2{
     -webkit-text-fill-color: white;
     -webkit-text-stroke: 1.5px black;
 }
-p{
-    text-decoration: underline;
-    color: white;
+.end{
+    background-color: 0f0f0f;
+    background-size: auto;
+    background-position: center;
 }
+p{
+    color: aliceblue;
+    text-align: center;
+}

patchos.html

@@ -42,5 +42,8 @@ <h2>Scroll down for Images!</h2>
                 <img src="banner5.png" class="logo">
             </div>
         </div>
+        <div class="end">
+            <p>PatchWare 2024</p>
+        </div>
     </body>
 </html>

projects.css

@@ -95,6 +95,37 @@ p{
     color: aliceblue;
     text-align: center;
 }
+.os li a{
+    text-decoration: none;
+    color: #fff;
+    text-transform: uppercase;
+}
 .os{
-
+    background-color: 0f0f0f;
+    background-size: cover;
+
+}
+.os img{
+    width: 150px;
+}
+.rfid li a{
+    text-decoration: none;
+    color: #fff;
+    text-transform: uppercase;
+}
+.rfid{
+    background-color: 0f0f0f;
+    background-size: cover;
+}
+.rfid img{
+    width: 150;
+}
+.end{
+    background-color: 0f0f0f;
+    background-size: auto;
+    background-position: center;
+}
+p{
+    color: aliceblue;
+    text-align: center;
 }

projects.html

@@ -19,10 +19,16 @@
             <div class="content">
                 <h1>Projects</h1>
                 <div class="os">
-
+                    <img src="logo.png" alt="PatchOS logo">
+                    <li><a href="patchos.html"><h1>Patch OS</h1></a></li>
+                    <p>PatchOS is operating system made in C# with Cosmos</p>
                 </div>
+                <span></span>
                 <div class="rfid">
-
+                    <img src="rfid_logo.png" alt="RFID logo">
+                    <li><a href="rfid.html"><h1>RFID System</h1></a></li>
+                    <p>RFID System is application that comunicates with <a href="https://www.dignus.cz/">dignus</a></p>
+                    <p>Its just for security and for saving data in companies</p>
                 </div>
             </div>
         </div>

rfid.css

@@ -0,0 +1,103 @@
+*{
+    margin:0;
+    padding: 0;
+    font-family: sans-serif;
+}
+
+.banner{
+    width: 100%;
+    height: 100vh;
+    background-image: url(banner_rfid.png);
+    background-size: cover;
+    background-position: top;
+}
+.navbar{
+    width: 100%;
+    height: 25px;
+    background-color: 0f0f0f;
+    background-size: contain;
+    background-position: top;
+    margin: auto;
+    padding: 35px 0;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+.logo{
+    width: 100px;
+    cursor: pointer;
+}
+.navbar ul li{
+    list-style: none;
+    display: inline-block;
+    margin: 0 20px;
+    position: relative;
+}
+.navbar ul li a{
+    text-decoration: none;
+    color: #fff;
+    text-transform: uppercase;
+}
+.navbar ul li::after{
+    content: '';
+    height: 3px;
+    width: 0;
+    background: #009688;
+    position: absolute;
+    left: 0;
+    bottom: -5;
+    transition: 0.5s;
+}
+.navbar ul li:hover::after{
+    width: 100%;
+}
+.content{
+    width: 100%;
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    text-align: center;
+    color: #fff;
+}
+button{
+    width: 150;
+    padding: 15px 0;
+    text-align: center;
+    margin: 20px 10px;
+    border-radius: 25px;
+    font-weight: bold;
+    border: 2px solid #009688;
+    background: transparent;
+    color: #fff;
+    cursor: pointer;
+    position: relative;
+    overflow: hidden;
+}
+button:hover span{
+    width: 100%;
+}
+span{
+    background: #009688;
+    height: 100%;
+    width: 0;
+    border-radius: 25px;
+    position: absolute;
+    left: 0;
+    bottom: 0;
+    z-index: -1;
+    transition: 0.5s;
+}
+h2{
+    color: black;
+    -webkit-text-fill-color: white;
+    -webkit-text-stroke: 1.5px black;
+}
+.end{
+    background-color: 0f0f0f;
+    background-size: auto;
+    background-position: center;
+}
+p{
+    color: aliceblue;
+    text-align: center;
+}

rfid.html

@@ -0,0 +1,31 @@
+<html>  
+    <head>
+        <title>PatchWare</title>
+        <link href="rfid.css" rel="stylesheet" type="text/css">
+    </head>
+    <body>
+        <div class="navbar">
+            <img src="logo.png" class="logo">
+            <ul>
+                <li><a href="index.html">Home</a></li>
+                <li><a href="projects.html"><u>Projects</u></a></li>
+                <li><a href="#">Other</a></li>
+                <li><a href="#">Troubleshoot</a></li>
+                <li><a href="about.html">About</a></li>
+            </ul>
+        </div>
+        <div class="banner">
+
+            <div class="content">
+                <h1>RFID System</h1>
+                <h2>RFID System is application that comunicates with Dignus.</h2>
+                <h2>Its just for security and for saving data onto database in companies</h2>
+                <h2>This is real product! Order contains <a href="https://www.dignus.cz/">dignus</a> and RFID System software!</h2>
+            </div>
+
+        </div>
+        <div class="end">
+            <p>PatchWare 2024</p>
+        </div>
+    </body>
+</html>