Commit 62794efa by abalsh

added subscribe.css

parent 22eb308c
......@@ -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;
}
.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
......@@ -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>
......
......@@ -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">
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment