Differences

This shows you the differences between two versions of the page.

--- feeds [2022/10/31 04:18] – created hindiadmin
+++ feeds [2024/10/07 15:56] (current) – external edit 127.0.0.1
@@ Line 1: / Line 1: @@
 <html>
 <style>@import url('https://fonts.googleapis.com/css?family=Montserrat:700');@import url('https://fonts.googleapis.com/css?family=Montserrat:400');
+.form-preview {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  margin-top: 30px;
+  padding: clamp(17px, 5%, 40px) clamp(17px, 7%, 50px);
+  max-width: none;
+  border-radius: 6px;
+  box-shadow: 0 5px 25px rgba(34, 60, 47, 0.25);
+}
+.form-preview,
+.form-preview *{
+  box-sizing: border-box;
+}
+.form-preview .preview-heading {
+  width: 100%;
+}
+.form-preview .preview-heading h5{
+  margin-top: 0;
+  margin-bottom: 0;
+}
+.form-preview .preview-input-field {
+  margin-top: 20px;
+  width: 100%;
+}
+.form-preview .preview-input-field input {
+  width: 100%;
+  height: 40px;
+  border-radius: 6px;
+  border: 2px solid #e9e8e8;
+  background-color: #fff;
+  outline: none;
+}
+.form-preview .preview-input-field input {
+  color: #000000;
+  font-family: "Montserrat";
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 20px;
+  text-align: center;
+}
+.form-preview .preview-input-field input::placeholder {
+  color: #000000;
+  opacity: 1;
+}
+.form-preview .preview-input-field input:-ms-input-placeholder {
+  color: #000000;
+}
+.form-preview .preview-input-field input::-ms-input-placeholder {
+  color: #000000;
+}
+.form-preview .preview-submit-button {
+  margin-top: 10px;
+  width: 100%;
+}
+.form-preview .preview-submit-button button {
+  width: 100%;
+  height: 40px;
+  border: 0;
+  border-radius: 6px;
+  line-height: 0px;
+}
+.form-preview .preview-submit-button button:hover {
+  cursor: pointer;
+}
+</style><form action="https://api.follow.it/subscription-form/anVreGllWFRCbklONm1jR3YrdzcrMFh4a3VPb0kxc3czZGhpSUxoeWh0a2VCM0ozT3M0OEoxaWZIYUw4NktjbG05ZVMyRDh4Q2xjRnFVcjI2SUhqbmwwMlFQaFJaRWc2dE84RGdmSTJXcGJQdXg5VkttV1h4UGRXUHpjZ3JtZVJ8ZXUwSmhhQ3VmYzZ3QmV4V1NMSzNNbkJ3VVpwYk1xUWRLbUNnQWk3dWR6MD0=/8" method="post"><div class="form-preview" style="background-color: rgb(255, 255, 255); border-style: solid; border-width: 1px; border-color: rgb(204, 204, 204); position: relative;"><div class="preview-heading"><h5 style="text-transform: none !important; font-family: Montserrat; font-weight: bold; color: rgb(0, 0, 0); font-size: 16px; text-align: center;">Get new posts by email:</h5></div> <div class="preview-input-field"><input type="email" name="email" required="required" placeholder="Enter your email" spellcheck="false" style="text-transform: none !important; font-family: Montserrat; font-weight: normal; color: rgb(0, 0, 0); font-size: 14px; text-align: center; background-color: rgb(255, 255, 255);"></div> <div class="preview-submit-button"><button type="submit" style="text-transform: none !important; font-family: Montserrat; font-weight: bold; color: rgb(255, 255, 255); font-size: 16px; text-align: center; background-color: rgb(0, 0, 0);">Subscribe</button></div></div></form>
+</html>
+<html>
+<style>@import url('https://fonts.googleapis.com/css?family=Montserrat:700');@import url('https://fonts.googleapis.com/css?family=Montserrat:400');
+.form-preview {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  margin-top: 30px;
+  padding: clamp(17px, 5%, 40px) clamp(17px, 7%, 50px);
+  max-width: none;
+  border-radius: 6px;
+  box-shadow: 0 5px 25px rgba(34, 60, 47, 0.25);
+}
+.form-preview,
+.form-preview *{
+  box-sizing: border-box;
+}
+.form-preview .preview-heading {
+  width: 100%;
+}
+.form-preview .preview-heading h5{
+  margin-top: 0;
+  margin-bottom: 0;
+}
+.form-preview .preview-input-field {
+  margin-top: 20px;
+  width: 100%;
+}
+.form-preview .preview-input-field input {
+  width: 100%;
+  height: 40px;
+  border-radius: 6px;
+  border: 2px solid #e9e8e8;
+  background-color: #fff;
+  outline: none;
+}
+.form-preview .preview-input-field input {
+  color: #000000;
+  font-family: "Montserrat";
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 20px;
+  text-align: center;
+}
+.form-preview .preview-input-field input::placeholder {
+  color: #000000;
+  opacity: 1;
+}
+.form-preview .preview-input-field input:-ms-input-placeholder {
+  color: #000000;
+}
+.form-preview .preview-input-field input::-ms-input-placeholder {
+  color: #000000;
+}
+.form-preview .preview-submit-button {
+  margin-top: 10px;
+  width: 100%;
+}
+.form-preview .preview-submit-button button {
+  width: 100%;
+  height: 40px;
+  border: 0;
+  border-radius: 6px;
+  line-height: 0px;
+}
+.form-preview .preview-submit-button button:hover {
+  cursor: pointer;
+}
+</style><form action="https://api.follow.it/subscription-form/M0p5TmM0K0hqc1FLRkVjQjlHSlVTVnpncWs1RGdhUHJMOWR2ck9iK1BSeGhQM01hZi9adHRpY1dkaW1QQnEwQU9GVXlOUTFtd0tuYm9LT1ZuL0Q2Q3FRYlJwVDBZUFRZRDEwUnJockh3MFQ4MXZlK3o0OWNSZUFvdFBzQWFlbGl8aGkzR1A5RkpLNGxwUFkzb3hkc3NrUlpJandtZm1UcFU0amtFOWVqc3pCWT0=/8" method="post"><div class="form-preview" style="background-color: rgb(255, 255, 255); border-style: solid; border-width: 1px; border-color: rgb(204, 204, 204); position: relative;"><div class="preview-heading"><h5 style="text-transform: none !important; font-family: Montserrat; font-weight: bold; color: rgb(0, 0, 0); font-size: 16px; text-align: center;">Get new posts by email:</h5></div> <div class="preview-input-field"><input type="email" name="email" required="required" placeholder="Enter your email" spellcheck="false" style="text-transform: none !important; font-family: Montserrat; font-weight: normal; color: rgb(0, 0, 0); font-size: 14px; text-align: center; background-color: rgb(255, 255, 255);"></div> <div class="preview-submit-button"><button type="submit" style="text-transform: none !important; font-family: Montserrat; font-weight: bold; color: rgb(255, 255, 255); font-size: 16px; text-align: center; background-color: rgb(0, 0, 0);">Subscribe</button></div></div></form>
 </html>