More information when applying

Copy05 · May 13, 2024 · 51f8e12 · 51f8e12
1 parent 278e5a6
commit 51f8e12
Show file tree

Hide file tree

Showing 4 changed files with 80 additions and 2 deletions.
diff --git a/apply.html b/apply.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>CopyWealth</title>
+    <link rel="stylesheet" href="style.css">
+    <link rel="stylesheet" href="mobile.css">
+    <link rel="shortcut icon" href="favicon.png" type="image/x-icon">
+    <script src="./SiteHelper.js" defer></script>
+    <script src="./Finance.js" defer></script>
+
+    <meta name="description" content="CopyWealth is a Motivational and Finance brand committed to inspiring and transforming people to reach their success and become prepared for today's generation and lifestyle.">
+
+    <meta content="en-us" property="locale"/>
+    <meta content="CopyWealth" property="og:site_name">
+    <meta content="CopyWealth is a Motivational and Finance brand committed to inspiring and transforming people to reach their success and become prepared for today's generation and lifestyle." property="og:description">
+    <meta content="https://yt3.googleusercontent.com/G4ttyF9zDqSLc0I64NHc63VlFggfdygh7L05YQaNfQI4FFIZOqvpJJxQ661CB835h0s_MGOQXw=s176-c-k-c0x00ffffff-no-rj" property="og:image">
+    <meta content="CopyWealth" property="og:title">
+    <meta content="#e0bb75" data-react-helmet="true" name="theme-color">
+</head>
+<body>
+    <header id="header"></header>
+    <div id="mobilenavbar" style="display: none;"></div>
+    <div class="mainpagebg">
+        <p class="mpbtxt">Work with me</p>
+        <p class="mpbstxt">Success is not guaranteed!</p>
+        <div class="centre">
+            <a href="https://forms.gle/dJNGDHAcozxzZ5Xb9" class="work-with-me">Apply</a>
+        </div>
+    </div>
+
+    <div id="about">
+        <p class="sectxt">Requirements:</p>
+        <p class="ntxt-dg">- You have to be at least 16 years old</p>
+        <p class="ntxt-dg">- You must speak english</p>
+        <p class="ntxt-dg">- You have to be serious about this</p>
+
+        <p class="sectxt">My Works:</p>
+        <div class="cw-youtubes">
+            <iframe class="cw-youtube-embed" width="560" height="315" src="https://www.youtube.com/embed/AysZC8jrP4s?si=itBnYTcYEvE-1Rdo" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+            <iframe class="cw-youtube-embed" width="560" height="315" src="https://www.youtube.com/embed/GL6CT7iWFn8?si=Xgb3ISfokTNNJlAf" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+            <iframe class="cw-youtube-embed" width="560" height="315" src="https://www.youtube.com/embed/j8b2LUpO9Z0?si=zmbZxEYjls1auG7U" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>    
+            <br>
+            <iframe width="315" height="560" src="https://www.youtube.com/embed/CZHDKZoLZIo?si=WCNiCYU4AOi8hf9Q" title="YouTube video player" frameborder="0&quot;" allowfullscreen=""></iframe>
+            <iframe width="315" height="560" src="https://www.youtube.com/embed/yg9nEHA9C5o?si=575OV0mZjeCIrRZe" title="YouTube video player" frameborder="0&quot;" allowfullscreen=""></iframe>
+            <iframe width="315" height="560" src="https://www.youtube.com/embed/wrh7MFMXXQg?si=Nf2y-utDljl2TafY" title="YouTube video player" frameborder="0&quot;" allowfullscreen=""></iframe>
+            <iframe width="315" height="560" src="https://www.youtube.com/embed/NndP4ltiPgQ?si=RjOHSywIeldA81hL" title="YouTube video player" frameborder="0&quot;" allowfullscreen=""></iframe>
+        </div>
+    </div>
+
+
+    <footer id="footer"></footer>
+</body>
+</html>
diff --git a/index.html b/index.html
@@ -26,7 +26,7 @@
         <p class="mpbtxt">Inspiring entrepreneur and people to become stronger and successful</p>
         <p class="mpbstxt">Especially at the young age it's important to learn about finance, business and how to self improve.</p>
         <div class="centre">
-            <a href="https://forms.gle/dJNGDHAcozxzZ5Xb9" class="work-with-me">Work with me</a>
+            <a href="./apply.html" class="work-with-me">Work with me</a>
         </div>
     </div>
 

diff --git a/mobile.css b/mobile.css
@@ -51,7 +51,7 @@
         text-align: center;
     }
 
-    .ntxt, .quotesheet {
+    .ntxt, .quotesheet, .ntxt-dg {
         font-size: 14px;
         padding: 0px 20px;
     }
@@ -73,4 +73,12 @@
     .copyright {
         font-size: 12px;
     }
+
+    /* Work With Me */
+
+    .cw-youtube-embed {
+        width: 348px;
+        height: 196px;
+        margin: 10px;
+    }
 }
diff --git a/style.css b/style.css
@@ -411,4 +411,19 @@ footer {
 
 .rule-href, .rule-href:visited {
     color: white !important;
+}
+
+/* Work with me */
+
+.ntxt-dg {
+    font-family: "DarkerGrote";
+    padding: 0px 150px;
+}
+
+.cw-youtubes {
+    text-align: center;
+}
+
+.cw-youtube-embed {
+    margin: 20px;
 }