/
gettoknow4.html
109 lines (88 loc) · 12.4 KB
/
gettoknow4.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<!DOCTYPE html>
<html amp>
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-132447114-4"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-132447114-4');
</script>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="generator" content="8b v0.0.0.0, 8b.com">
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
<link rel="shortcut icon" href="https://r.8b.io/118475/assets/images/findway_128x128_1.png" type="image/x-icon">
<meta name="description" content="">
<title>Let's Get to know</title>
<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style>
<noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
<link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet">
<style amp-custom>div,h1,h2,h3,h4,input{font: inherit;}*{box-sizing: border-box;outline: none;}*:focus{outline: none;}body{position: relative;font-style: normal;line-height: 1.5;color: #000000;}section{background-color: #ffffff;background-position: 50% 50%;background-repeat: no-repeat;background-size: cover;overflow: hidden;padding: 30px 0;}section,.container{position: relative;word-wrap: break-word;}h1,h2,h3,h4{margin: 0;padding: 0;}h1,h2,h3,h4,.display-2,.display-4,.display-5{word-break: break-word;word-wrap: break-word;}strong{font-weight: bold;}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active{transition-delay: 9999s;transition-property: background-color,color;}body{height: auto;min-height: 100vh;}.mbr-section-title{margin: 0;padding: 0;font-style: normal;line-height: 1.2;width: 100%;}.mbr-section-subtitle{line-height: 1.3;width: 100%;}.mbr-text{font-style: normal;line-height: 1.6;width: 100%;}.btn{text-align: center;position: relative;margin: .4rem .8rem;font-weight: 700;border-width: 2px;border-style: solid;font-style: normal;white-space: normal;transition: all .2s ease-in-out,box-shadow 2s ease-in-out;display: inline-flex;align-items: center;justify-content: center;word-break: break-word;line-height: 1.5;letter-spacing: 1px;}.btn-form{padding: 1rem 2rem;}.btn-form:hover{cursor: pointer;}.gallery-img-wrap amp-img{height: 100%;}amp-image-lightbox a.control{position: absolute;width: 32px;height: 32px;right: 48px;top: 32px;z-index: 1000;}amp-image-lightbox a.control .close{position: relative;}amp-image-lightbox a.control .close:before,amp-image-lightbox a.control .close:after{position: absolute;left: 15px;content: ' ';height: 33px;width: 2px;background-color: #fff;}amp-image-lightbox a.control .close:before{transform: rotate(45deg);}amp-image-lightbox a.control .close:after{transform: rotate(-45deg);}.mbr-white{color: #ffffff;}.align-center{text-align: center;}@media (max-width: 767px){.align-center{text-align: center;}}.mbr-light{font-weight: 300;}.mbr-bold{font-weight: 700;}@media (max-width: 767px){.navbar-logo amp-img{max-height: 55px;max-width: 55px;}}.ampstart-btn.hamburger{position: absolute;top: 25px;right: 15px;margin-left: auto;width: 30px;height: 20px;background: none;border: none;cursor: pointer;z-index: 1000;}@media (min-width: 992px){.ampstart-btn,amp-sidebar{display: none;}}div[submit-success]{padding: 1rem;margin-bottom: 1rem;}div[submit-error]{padding: 1rem;margin-bottom: 1rem;}amp-img{width: 100%;}amp-img img{max-height: 100%;max-width: 100%;}.is-builder amp-img > a + img[async],.is-builder amp-img > a + img[decoding="async"]{display: none;}html:not(.is-builder) amp-img > a{position: absolute;top: 0;bottom: 0;left: 0;right: 0;z-index: 1;}.is-builder .temp-amp-sizer{position: absolute;}.is-builder amp-youtube .temp-amp-sizer,.is-builder amp-vimeo .temp-amp-sizer{position: static;}.is-builder section.horizontal-menu .ampstart-btn{display: none;}.placeholder-loader .amp-active > div{display: none;}.container{padding-right: 1rem;padding-left: 1rem;width: 100%;margin-right: auto;margin-left: auto;}@media (max-width: 767px){.container{max-width: 540px;}}@media (min-width: 768px){.container{max-width: 720px;}}@media (min-width: 992px){.container{max-width: 960px;}}@media (min-width: 1200px){.container{max-width: 1140px;}}.mbr-jc-c{justify-content: center;}.mbr-row{display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -1rem;margin-left: -1rem;}@media (min-width: 992px){.mbr-col-lg-7{-ms-flex: 0 0 58.333333%;flex: 0 0 58.333333%;max-width: 58.333333%;padding-right: 1rem;padding-left: 1rem;}}.mbr-pt-2{padding-top: 1rem;}form .fieldset{display: flex;justify-content: center;flex-wrap: wrap;align-items: center;}.field{flex-basis: auto;flex-grow: 1;flex-shrink: 1;padding: 0.5rem;}@media (max-width: 768px){.field{flex-basis: 100%;}}amp-img{height: 100%;width: 100%;}amp-sidebar{background: transparent;}.amp-carousel-button{outline: none;border-radius: 50%;border: 10px transparent solid;transform: scale(1.5) translateY(-50%);height: 45px;width: 45px;transition: 0.4s;cursor: pointer;}.amp-carousel-button:hover{opacity: 1;}.amp-carousel-button-next{background-position: 75% 50%;}.amp-carousel-button-prev{background-position: 25% 50%;}.amp-iconfont{vertical-align: middle;width: 1.5rem;height: 100%;font-size: 1.5rem;}body{font-family: Didact Gothic;}div[submit-success]{background: #0f7699;}div[submit-error]{background: #000000;}.display-2{font-family: 'Poppins',sans-serif;font-size: 2.8rem;line-height: 1.2;}.display-4{font-family: 'Poppins',sans-serif;font-size: 1rem;line-height: 1.4;}.display-5{font-family: 'Poppins',sans-serif;font-size: 2rem;line-height: 1.2;}@media (max-width: 768px){.display-2{font-size: 2.24rem;font-size: calc( 1.63rem + (2.8 - 1.63) * ((100vw - 20rem) / (48 - 20)));line-height: calc( 1.4 * (1.63rem + (2.8 - 1.63) * ((100vw - 20rem) / (48 - 20))));}.display-4{font-size: 0.8rem;font-size: calc( 1rem + (1 - 1) * ((100vw - 20rem) / (48 - 20)));line-height: calc( 1.4 * (1rem + (1 - 1) * ((100vw - 20rem) / (48 - 20))));}.display-5{font-size: 1.6rem;font-size: calc( 1.35rem + (2 - 1.35) * ((100vw - 20rem) / (48 - 20)));line-height: calc( 1.4 * (1.35rem + (2 - 1.35) * ((100vw - 20rem) / (48 - 20))));}}.btn{padding: 10px 30px;border-radius: 0px;}.btn-white-outline,.btn-white-outline:active{background: none;border-color: #fcfcfc;color: #fcfcfc;}.btn-white-outline:hover,.btn-white-outline:focus{color: #7d7d7d;background-color: #fcfcfc;border-color: #fcfcfc;}.btn-white-outline:disabled{color: #7d7d7d;background-color: #fcfcfc;border-color: #fcfcfc;}.amp-iconfont{transition: 0.2s ease-in-out;}.amp-iconfont{color: #232323;}amp-carousel{overflow: hidden;}.cid-rZvFrybzPq{padding-top: 75px;padding-bottom: 75px;overflow: visible;background-color: #000000;}.cid-rZvFrybzPq .mbr-section-subtitle{padding-top: 1rem;}.cid-rZvFrybzPq .title-wrap{padding-bottom: 3rem;}.cid-rZvFrybzPq .fieldset > *{width: 100%;margin-bottom: .5rem;}.cid-rZvFrybzPq .fieldset > *.field{display: flex;padding: 0;}.cid-rZvFrybzPq .fieldset > *.field input{width: 100%;}.cid-rZvFrybzPq input{padding: 0.5rem;color: #767676;background: #efefef;border: 1px solid #cccccc;margin: .5rem;}.cid-rZvFrybzPq input::-webkit-input-placeholder{color: #767676;}.cid-rZvFrybzPq input::-moz-placeholder{color: #767676;}.cid-rZvFrybzPq input:-moz-placeholder{color: #767676;}.cid-rZvFrybzPq input:-ms-input-placeholder{color: #767676;}.cid-rZvFrybzPq input::-ms-input-placeholder{color: #767676;}@media (max-width: 767px){.cid-rZvFrybzPq .field{flex-direction: column;margin-bottom: 0;}}.cid-rZvFrybzPq amp-date-picker{display: flex;}.cid-rZvFrybzPq .mbr-section-title{color: #000000;}.cid-rZvFrybzPq .mbr-section-subtitle{color: #767676;}.cid-rZvFrybzPq .field{flex: 1 1 46%;}.cid-rZvFrybzPq .mbr-section-title{color: #ffffff;}.cid-rZvFryWq4y{padding-top: 4rem;padding-bottom: 4rem;background-color: #000000;}</style>
<script async src="https://cdn.ampproject.org/v0.js"></script>
<script async custom-template="amp-mustache" src="https://cdn.ampproject.org/v0/amp-mustache-0.2.js"></script>
<script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
<script async custom-element="amp-form" src="https://cdn.ampproject.org/v0/amp-form-0.1.js"></script>
<script async custom-element="amp-date-picker" src="https://cdn.ampproject.org/v0/amp-date-picker-0.1.js"></script>
<meta name="theme-color" content="#000000">
<link rel="manifest" href="manifest.json">
<script async custom-element="amp-install-serviceworker" src="https://cdn.ampproject.org/v0/amp-install-serviceworker-0.1.js"></script></head>
<body>
<section class="form1 cid-rZvFrybzPq" id="form1-2a">
<!-- -->
<!-- -->
<!-- Overlay -->
<!-- Content -->
<div class="container align-center mbr-white">
<!-- Title -->
<div class="title-wrap">
<h1 class="mbr-section-title mbr-fonts-style display-2"><strong>Let's get to know you</strong></h1>
<h2 class="mbr-section-subtitle mbr-fonts-style mbr-light display-5">You will get a tip</h2>
</div>
<!-- Forms -->
<div class="mbr-row mbr-jc-c">
<div data-form-type="formoid" class="mbr-col-lg-7">
<form class="mbr-form" method="post" target="_top" action-xhr="https://f.8b.com/api/sites/118475/forms/data/" data-form-title="8b Form">
<div class="bg-for-datepicker"></div>
<!-- Succes/Error -->
<div submit-success="">
<template data-form-alert="" type="amp-mustache">Either copy and paste this url in your browser to continue, or type it by yourself. findyourway.tech/mp.html</template>
</div>
<div submit-error="">
<template data-form-alert="" type="amp-mustache">Failed! {{error}}</template>
</div>
<!-- Fieldset -->
<div class="fieldset">
<!-- 1 -->
<div class="field" data-for="form[data][0][1]">
<input type="hidden" name="form[data][0][0]" value="Name" id="form[data][0][0]-form1-2a" data-form-field="">
<input type="text" name="form[data][0][1]" data-form-field="Name" placeholder="Country" required="" id="form[data][0][1]-form1-2a">
</div>
<!-- 2 -->
<!-- 3 -->
<!-- 4 -->
<!-- 5 -->
<div class="field" data-for="form[data][4][1]">
<input type="hidden" name="form[data][1][0]" value="Service" id="form[data][4][0]-form1-2a" data-form-field="">
<input type="text" name="form[data][1][1]" data-form-field="Service" placeholder="How did you get to know about us?" required="" id="form[data][4][1]-form1-2a">
</div>
<!-- 6 -->
<!-- Button -->
<div class="align-center"><button type="submit" class="btn btn-form btn-white-outline display-4">
Submit</button></div>
</div></form>
</div>
</div>
</div></section>
<section class="title1 cid-rZvFryWq4y" id="title1-2b">
<!--Block parameters controls (Blue "Gear" panel) -->
<div class="container">
<div class="title align-center">
<h3 class="mbr-section-title mbr-fonts-style mbr-bold display-2">LOL</h3>
<h4 class="mbr-text mbr-fonts-style mbr-pt-2 display-5">Trying to get hints by copying text???<br><br><br><br><br><br><br><br><br><br><br></h4>
</div>
</div>
</section>
<amp-install-serviceworker src="sw.js" layout="nodisplay"></amp-install-serviceworker></body>
</html>