web

GeorgeFence · Jan 14, 2024 · be00756 · be00756
1 parent 974d935
commit be00756
Show file tree

Hide file tree

Showing 16 changed files with 401 additions and 158 deletions.
diff --git a/about.css b/about.css
@@ -0,0 +1,93 @@
+*{
+    margin:0;
+    padding: 0;
+    font-family: sans-serif;
+}
+.banner{
+    width: 100%;
+    height: 100vh;
+    background-image: url(banner.png);
+    background-size: cover;
+    background-position: top;
+}
+.navbar{
+    width: 85%;
+    margin: auto;
+    padding: 35px 0;
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+}
+.logo{
+    width: 120px;
+    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;
+}
+.end{
+    background-color: 0f0f0f;
+    background-size: auto;
+    background-position: center;
+}
+p{
+    color: White;
+    text-align: center;
+}
diff --git a/about.html b/about.html
@@ -0,0 +1,31 @@
+<html>  
+    <head>
+        <title>PatchWare</title>
+        <link href="about.css" rel="stylesheet" type="text/css">
+    </head>
+    <body>
+        <div class="banner">
+            <div class="navbar">
+                <img src="logo.png" class="logo">
+                <ul>
+                    <li><a href="index.html">Home</a></li>
+                    <li><a href="patchos.html">PatchOS</a></li>
+                    <li><a href="#">Other</a></li>
+                    <li><a href="#">Troubleshoot</a></li>
+                    <li><a href="about.html"><u>About</u></a></li>
+                </ul>
+            </div>
+            <div class="content">
+                <h1>Hi, I'm glad you're here</h1>
+                <h2>How did PatchWare come about? George Fence once created the BeanOS operating system, later renamed it PatchOS. </h2>
+                <span></span> 
+                <h2> Cosmos started releasing better updates, and with it PatchOS too. </h2>
+                <span></span> 
+                <h2> There were countless bugs due to PrismAPI in PatchOS, but George Fence did not give up and continued to fix the bugs.</h2>
+            </div>
+        </div>
+        <div class="end">
+            <p>PatchWare 2024</p>
+        </div>
+    </body>
+</html>
diff --git a/banner.png b/banner.png
diff --git a/banner2.png b/banner2.png
diff --git a/banner3.png b/banner3.png
diff --git a/banner4.png b/banner4.png
diff --git a/banner5.png b/banner5.png
diff --git a/bgwallpaper1.bmp b/bgwallpaper1.bmp
diff --git a/bgwallpaper2.jpg b/bgwallpaper2.jpg
diff --git a/index.html b/index.html
@@ -0,0 +1,31 @@
+<html>  
+    <head>
+        <title>PatchWare</title>
+        <link href="style.css" rel="stylesheet" type="text/css">
+    </head>
+    <body>
+        <div class="banner">
+            <div class="navbar">
+                <img src="logo.png" class="logo">
+                <ul>
+                    <li><a href="index.html"><u>Home</u></a></li>
+                    <li><a href="patchos.html">PatchOS</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="content">
+                <h1>MAKE YOUR LIFE BETTER</h1>
+                <p>just chilling</p>
+                <div>
+                    <a href="patchos.html"><button type="button"><span></span>Check PatchOS</button></a>
+                    <a href="about.html"><button type="button" ><span></span>About</button></a>
+                </div>
+            </div>
+        </div>
+        <div class="end">
+            <p>PatchWare 2024</p>
+        </div>
+    </body>
+</html>
diff --git a/logo.png b/logo.png
diff --git a/main.css b/main.css
diff --git a/main.html b/main.html