Add files via upload

kpsvdp · Nov 15, 2023 · 14dcabd · 14dcabd
1 parent 726f38d
commit 14dcabd
Showing 1 changed file with 41 additions and 42 deletions.
diff --git a/Prince00.html b/Prince00.html
@@ -11,46 +11,60 @@
 
 	<body>
         <h1> The Student Life Abroad </h1>
-      <style>
-
-  body {
+
+        <style>
+              html, body {
+                height: 100%;
+                margin: 0;
+                padding: 0;
                 font-family: Arial, sans-serif;
-                line-height: 1.6;
                 background-color: #fbfbfb;
-                margin: 5px;
-                padding: 5px;
             }
-
+
+            .container {
+                display: flex;
+                flex-direction: column;
+                min-height: 100%;
+            }
+
             .story-section {
+                flex: 1;
+                width: 80%;
                 background-color: #2a2827;
                 border: 4px solid #dddd0d;
-                padding: 25px;
-                margin: 0px;
-                border-radius: auto;
+                padding: 20px;
+                margin: 20px auto;
+                border-radius: 2px;
                 text-align: center;
             }
-
             .story-section img {
-                max-width: 100%;
+                width: 100%;
+                max-width: 1000px;
                 height: auto;
-                border-radius: 6px;
+                border-radius: 8px;
                 margin: 0 auto;
-                text-align: center;
             }
-
-            .description {
-        color: #fd0404;
-        font-size: 36px;
-        text-align: center;
-        font-weight: bold;
-    }
 
-    .custom-font-size {
-        color: #fbfbfb;
-        font-size: 18px;
-        text-align: justify; /* Default text alignment for desktop */
-    }
+            .description {
+                color: #fd0404;
+                font-size: 24px;
+                text-align: center;
+                font-weight: bold;
+            }
 
+            .custom-font-size {
+                color: #fbfbfb;
+                font-size: 18px;
+                text-align: justify;
+            }
+
+            footer {
+                background-color: #faf6f4;
+                color: rgb(153, 10, 10);
+                text-align: center;
+                padding: 10px 0;
+            }
+
     /* Mobile Styles */
     @media only screen and (max-width: 600px) {
         .custom-font-size {
@@ -66,25 +80,10 @@ <h1> The Student Life Abroad </h1>
         }
     }
 
-            /* Responsive Design */
-            @media only screen and (min-width: 600px) {
-                .custom-font-size {
-                    font-size: 24px;
-			text-align: justify;
-                }
-            }
-
-            @media only screen and (min-width: 768px) {
-                .custom-font-size {
-                    font-size: 30px;
-			text-align: justify;
-                }
-            }
-
     </style>
 </head>
 <body>
-    <title><h1>Prince builds a mysterious journey</h1></title>
+
 
     <div class="story-section">