added subscribe.css

css/main.css

@@ -166,89 +166,3 @@ body, html{
 
 
 /* Below is for subscribe.html as it doesn't impact index.html*/
-.card-3 {
-  background: #000;
-  -webkit-border-radius: 10px;
-  -moz-border-radius: 10px;
-  border-radius: 10px;
-  -webkit-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
-  -moz-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
-  box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
-  width: 100%;
-  display: table;
-}
-.card {
-  overflow: hidden;
-  -webkit-border-radius: 3px;
-  -moz-border-radius: 3px;
-  border-radius: 3px;
-  background: #85bb65;
-  width: 960px;
-  height: 700px;  
-  position: relative;
-  margin:0 auto;
-  line-height: 1.4em;
-}
-.card-3 .card-body {
-  padding: 57px 65px;
-  padding-bottom: 65px;
-  display: table-cell;
-}
-  /* This is basically to not make the form slightly overlap with the header/footer.*/
-  html {
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-  }
-  
-  * {
-    padding: 0;
-    margin: 0;
-  }
-  
-  *, *:before, *:after {
-    -webkit-box-sizing: inherit;
-    -moz-box-sizing: inherit;
-    box-sizing: inherit;
-  }
-  
-/* For the look of the form. Removes borders*/
-input {
-  outline: none;
-  margin: 0;
-  border: none;
-  -webkit-box-shadow: none;
-  -moz-box-shadow: none;
-  box-shadow: none;
-  width: 100%;
-  font-size: 14px;
-  font-family: inherit;
-}
-
-/* Spacing between forms*/
-.input-group {
-  position: relative;
-  margin-bottom: 33px;
-  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
-}
-
-/* To make forms transparent */
-.input--style-3 {
-  padding: 5px 0;
-  font-size: 16px;
-  color: #ccc;
-  background: transparent;
-  border: 1px;
-}
-
-.input--style-3::-webkit-input-placeholder {
-  /* WebKit, Blink, Edge */
-  color: #ccc;
-}
-
-.input--style-3:-moz-placeholder {
-  /* Mozilla Firefox 4 to 18 */
-  color: #ccc;
-  opacity: 1;
-}
-

css/subscribe.css

+.card-3 {
+    background: #000;
+    -webkit-border-radius: 10px;
+    -moz-border-radius: 10px;
+    border-radius: 10px;
+    -webkit-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
+    -moz-box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
+    box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);
+    width: 100%;
+    display: table;
+  }
+  .card {
+    overflow: hidden;
+    -webkit-border-radius: 3px;
+    -moz-border-radius: 3px;
+    border-radius: 3px;
+    background: #85bb65;
+    width: 960px;
+    height: 700px;  
+    position: relative;
+    margin:0 auto;
+    line-height: 1.4em;
+  }
+  .card-3 .card-body {
+    padding: 57px 65px;
+    padding-bottom: 65px;
+    display: table-cell;
+  }
+    /* This is basically to not make the form slightly overlap with the header/footer.*/
+    html {
+      -webkit-box-sizing: border-box;
+      -moz-box-sizing: border-box;
+      box-sizing: border-box;
+    }
+    
+    * {
+      padding: 0;
+      margin: 0;
+    }
+    
+    *, *:before, *:after {
+      -webkit-box-sizing: inherit;
+      -moz-box-sizing: inherit;
+      box-sizing: inherit;
+    }
+    
+  /* For the look of the form. Removes borders*/
+  input {
+    outline: none;
+    margin: 0;
+    border: none;
+    -webkit-box-shadow: none;
+    -moz-box-shadow: none;
+    box-shadow: none;
+    width: 100%;
+    font-size: 14px;
+    font-family: inherit;
+  }
+  
+  /* Spacing between forms*/
+  .input-group {
+    position: relative;
+    margin-bottom: 33px;
+    border-bottom: 1px solid rgba(255, 255, 255, 0.2);
+  }
+  
+  /* To make forms transparent */
+  .input--style-3 {
+    padding: 5px 0;
+    font-size: 16px;
+    color: #ccc;
+    background: transparent;
+    border: 1px;
+  }
+  
+  .input--style-3::-webkit-input-placeholder {
+    /* WebKit, Blink, Edge */
+    color: #ccc;
+  }
+  
+  .input--style-3:-moz-placeholder {
+    /* Mozilla Firefox 4 to 18 */
+    color: #ccc;
+    opacity: 1;
+  }
+  
+  
\ No newline at end of file

fiat.html

@@ -30,8 +30,8 @@
     </div>
   </header>
     <br> <br> <br>
-    <div class="card">
-      <div class="card-body">
+    <div class="card 1">
+      <div class="card card 1">
         <div class="form-group">
           <label for="FormControlSelect1">Convert From</label>
           <br>

subscribe.html

@@ -13,6 +13,7 @@
     <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>
     <!-- Main Custom styles for the website  -->
     <link href="css\main.css" rel="stylesheet">
+    <link href="css\subscribe.css" rel="stylesheet">
   </head>
   <body class="text-center" background="img\background.jpg">
     <div class="cover-container d-flex w-100 h-100 p-3 mx-auto flex-column">
@@ -35,7 +36,7 @@
             <div class="card card-3">
                 <div class="card-heading"></div>
                 <div class="card-body">
-                  <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley.</p>
+                  <p>Subscribe to Us to get the latest news on fiat currency!</p>
                   <br> 
                   <h2 class="title">Subscription Info</h2>
                     <form method="POST">