Advice Needed Need Help? to Find the Template or Designer For this!

Soft Poison · 05-03-2019, 05:32 AM

So I have found a total of 5 Web Based Generator Site

[Image: abebb82318682296258546c95f9fdb37.png]

You can search for them by yourself...

Can anyone just tell me for once! Where did they all get the same theme template from? If you register and check... all of them have kinda same design..

Can someone just tell me the name of the user or template designer?

Don't say me Symphonies

digitus78 · 05-03-2019, 10:11 AM

Looks like wordpress with slick theme and modal plugin most likely bootstrap. Probably memberpress or ultimate membership pro for the signup and dashboard. Most likely the latter since it allows to charge for memberships too. Add in a crypto currency plugin and you basically have their sites. But the main focus is the modal plugin for that style of login and registration.

here is the sites main css that was supposedly hidden from hackers. Funny part is I ended up on nulled.to and was just sourcing their css and html they have a msg that said "with all these leaks your looking at our source? do you want a job?" contact whoever

Code:
@import url('https://fonts.googleapis.com/css?family=Montserrat:300i,400,600,700|Raleway:300i,400,500,700');
 @import url('https://fonts.googleapis.com/css?family=Nunito+Sans:400,700');
 html,
 body {
   padding: 0;
   margin: 0;
   font-family: 'Raleway', sans-serif;
   height: 100%;
   min-height: 100%;
 }
 
 * {
   outline: 0
 }
 
 .clearfix:after {
   visibility: hidden;
   display: block;
   font-size: 0;
   content: " ";
   clear: both;
   height: 0;
 }
 
 .clearfix {
   display: inline-block;
 }
 
 * html .clearfix {
   height: 1%;
 }
 
 .clearfix {
   display: block;
 }
 
 #stripes {
   width: 100%;
   height: 96%;
   overflow: hidden;
   -webkit-transform: skewY(-12deg);
   transform: skewY(-12deg);
   -webkit-transform-origin: 0 0;
   transform-origin: 0px 0;
   background: linear-gradient(150deg, #2980B9 15%, #05d5ff 70%, #a6ffcb 94%);
   box-shadow: 0 5px 15px 0 rgba(37, 44, 97, 0.15), 0 2px 4px 0 rgba(93, 100, 148, 0.2);
 }
 
 .stripesContent {
   -webkit-transform: skewY(12deg);
   transform: skewY(12deg);
   -webkit-transform-origin: 0;
   transform-origin: 0;
 }
 
 .logo {
   text-shadow: 1px 2px rgba(255, 255, 255, 0.15);
   margin-left: 24px;
   position: relative;
   display: inline;
   top: 11px;
   font-size: 22px;
   color: #fff;
   font-family: 'Raleway', sans-serif;
   font-weight: 600;
 }
 
 .title {
   text-shadow: 1px 2px rgba(37, 44, 97, 0.15);
   margin-left: 12%;
   margin-top: 13%;
   font-size: 40px;
   color: #f5f5f5;
   font-family: 'Montserrat', sans-serif;
   font-weight: 600;
 }
 
 .desc {
   margin-left: 12%;
   margin-top: 20px;
   color: #d9fcff;
   max-width: 40%;
   font-weight: 400;
   font-size: 17px;
   line-height: 28px;
 }
 
 .button-container {
   margin-left: 12%;
   margin-top: 56px;
 }
 
 .join-btn {
   margin-right: 25px;
   color: #fff !important;
   background: #6772e5 !important;
   text-shadow: 0 1px 3px rgba(36, 180, 126, .4);
 }
 
 .button-container a,
 .login-btn,
 .btn {
   cursor: pointer;
   display: inline-block;
   height: 40px;
   line-height: 40px;
   padding: 0 24px;
   -webkit-box-shadow: 0 4px 6px rgba(50, 50, 93, .21), 0 1px 3px rgba(0, 0, 0, .28);
   box-shadow: 0 4px 6px rgba(50, 50, 93, .21), 0 1px 3px rgba(0, 0, 0, .28);
   background: #fff;
   border-radius: 4px;
   border: none;
   font-size: 15px;
   font-weight: 600;
   text-transform: uppercase;
   letter-spacing: .025em;
   color: #6772e5;
   text-decoration: none;
   -webkit-transition: all .5s;
   transition: all .5s;
 }
 
 .login-btn:hover,
 .join-btn:hover,
 .button-container a:hover,
 .btn:hover {
   -webkit-transform: translateY(-1px);
   transform: translateY(-1px);
   box-shadow: 0 4px 20px rgba(50, 50, 93, .31);
 }
 
 .login-btn:active,
 .join-btn:active,
 .button-container a:active,
 .btn:active {
   box-shadow: inset 0 4px 8px rgba(50, 50, 93, .31), inset 0 1px 5px rgba(0, 0, 0, .38)
 }
 
 .header {
   position: fixed;
   z-index: 1;
   top: 0;
   margin-top: 0;
   width: 100%;
   height: 46px;
   background-color: #2C3E50;
   border-bottom: 4px solid #22313F;
 }
 
 .nav-items {
   float: right;
   list-style-type: none;
   color: white;
   margin-right: 44px;
 }
 
 .nav-items a {
   text-decoration: none;
   color: white;
 }
 
 .nav-obj {
   display: inline;
   font-weight: 500;
   font-size: 18px;
   margin-right: 20px;
   cursor: pointer;
 }
 
 .login-btn {
   height: 40px;
   background: #6772e5;
   color: #fff;
   float: right;
   position: relative;
   top: 5px;
   right: 24px;
 }
 
 .feature-section {
   content: "";
   position: relative;
   z-index: -2;
   width: 100%;
   height: 132%;
   top: 0;
   -webkit-transform: skewY(-12deg);
   transform: skewY(-12deg);
   background: #f6f9fc;
   box-shadow: -1px 3px 20px 6px rgba(37, 44, 97, 0.1);
 }
 
 .big-icon {
   font-size: 80px;
   display: block !important;
   text-align: center;
   color: #6772E5;
 }
 
 .card-wrap {
   width: 60%;
   margin-bottom: 70px;
   margin-left: 20%;
 }
 
 .plan-wrap {
   width: 90%;
   margin-top: 50px;
   margin-left: 5%;
 }
 
 #account-title,
 #feature-title,
 #price-title {
   text-align: center;
   color: #6772E5;
   font-size: 22px;
   font-family: 'Raleway', sans-serif;
   font-weight: 600;
 }
 
 .accounts-info,
 .feature-info,
 .price-info {
   color: #6772e5;
   font-size: 18px;
   margin-left: 30%;
   font-weight: 500;
   width: 40%;
   text-align: center;
   margin-top: 20px;
   border-top: 2px solid #f1f7fb;
 }
 
 .feature-info {
   border-top: 2px solid #e0f2fd;
 }
 
 .flex-wrapper {
   margin-left: 15%;
   width: 70%;
   display: flex;
   align-items: center;
   flex-wrap: wrap;
   flex-direction: row;
   justify-content: space-between;
 }
 
 .plan-flex-wrapper {
   width: 80%;
   margin-left: 10%;
 }
 
 .account-name {
   font-weight: 600;
   display: block;
   text-align: center;
   color: #444444;
 }
 
 .ico {
   width: 90px;
   position: relative;
   height: 90px;
   border-radius: 50%;
   background-position: 50%;
   background-size: cover;
   float: left;
   margin-top: 20px;
   transition-duration: 0.3s;
 }
 
 .rotate {
   transition-duration: 0.7s;
 }
 
 .feature-row {
   margin-top: 70px;
   width: 80%;
   margin-left: 10%;
 }
 
 .feature {
   float: left;
   width: 40%;
   padding-right: calc(10% - 1px);
   color: #697c89;
   font-family: 'Raleway', sans-serif;
 }
 
 .feature-right {
   text-align: right;
   float: left;
   width: 40%;
   padding-left: 10%;
   border-left: 1px solid #e0f2fd;
   color: #697c89;
   font-family: 'Raleway', sans-serif;
 }
 
 .feature-name {
   color: #0665D0;
   font-size: 18px;
   font-weight: 500;
   margin-bottom: 5px;
 }
 
 .plan {
   float: left;
   border-radius: 4px;
   text-align: center;
   font-family: 'Nunito Sans', sans-serif;
   width: 30%;
   background: rgb(252, 252, 252);
   box-shadow: 0 5px 15px 0 rgba(37, 44, 97, 0.15), 0 2px 4px 0 rgba(93, 100, 148, 0.2);
   transition-duration: .6s;
 }
 
 .plan:hover {
   box-shadow: 0 5px 20px 0 rgba(37, 44, 97, 0.15), 0 2px 20px 0 rgba(93, 100, 148, 0.2);
 }
 
 .plan-title {
   font-size: 22px;
   padding: 10px;
   color: white;
   background-color: #E74C3C;
   border-radius: 4px 4px 0 0
 }
 
 .plan-price {
   box-shadow: inset 0px 0px 20px 0px rgba(37, 44, 97, 0.15);
   padding: 1.25rem;
   color: white;
   background-color: #E74C3C;
 }
 
 .price {
   font-size: 2.25rem;
   font-weight: 700;
 }
 
 .duration {
   color: rgba(255, 255, 255, .75);
   font-weight: 700;
 }
 
 .plan-info {
   list-style-type: none;
   color: #495057;
 }
 
 footer {
   padding: 4px 30px;
   font-family: 'Montserrat', sans-serif;
   color: rgb(136, 152, 170);
 }
 
 .credits a {
   float: right;
   text-align: right;
   color: rgb(136, 152, 170);
   text-decoration: none;
   display: block;
   transition-duration: 1s;
 }
 
 .credits a:hover {
   color: #32325d;
 }
 
 #plan-2 {
   margin: 0 5%;
 }
 
 #plan-4 {
   margin-left: 17.5%;
   margin-right: 5%;
 }
 
 #plan-6 {
   margin-left: 17.5%;
   margin-right: 5%;
 }
 
 .modal {
   display: none;
   position: fixed;
   z-index: 1;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   overflow: auto;
   background-color: rgba(19, 19, 19, 0.568);
 }
 
 .modal-content {
   animation-name: slideDown;
   -webkit-animation-name: slideDown;
   animation-duration: 1s;
   -webkit-animation-duration: 1s;
   animation-timing-function: ease;
   -webkit-animation-timing-function: ease;
   font-weight: 400;
   font-size: 15px;
   color: #373e4a;
   font-family: 'Lato', sans-serif;
   background-color: #fefefe;
   margin: 5% auto;
   padding: 20px;
   border: 1px solid #888;
   width: 40%;
   box-shadow: 0px 10px 20px 0 rgba(0, 0, 0, .25);
   border-radius: 10px
 }
 
 .modal-header {
   color: #505050;
   margin-top: -20px;
   border-bottom: 0.6px solid #70919b;
 }
 
 .modal-footer {
   border-top: 0.6px solid #70919b;
   padding-top: 20px;
   display: flex;
   justify-content: center;
 }
 
 b {
   font-weight: bold;
   color: #373E4A
 }
 
 a {
   color: #7f8ff4;
   transition-duration: 0.4s
 }
 
 a:hover {
   cursor: pointer
 }
 
 .sidebar {
   background-color: #fff;
   display: none;
   color: white;
   height: 100%;
   width: 20%;
   position: fixed !important;
   z-index: 1;
   box-shadow: -1px 3px 20px 6px rgba(37, 44, 97, 0.1);
   overflow-x: hidden;
   margin-top: 0px !important
 }
 
 .sidebar::-webkit-scrollbar {
   width: 8px;
 }
 
 .sidebar::-webkit-scrollbar-track {
   background-color: transparent;
 }
 
 .sidebar::-webkit-scrollbar-thumb {
   -webkit-border-radius: 10px;
   border-radius: 10px;
   background: #919191;
 }
 
 .sidebar a {
   text-decoration: none;
   color: #8d9498;
   transition-duration: 0.2s;
   font-size: 16px;
   padding-top: 10px;
   padding-bottom: 10px;
   margin-left: 15px;
 }
 
 .sidebar a:hover {
   color: #4b4b4b;
 }
 
 .title-sidebar {
   text-align: center;
   color: #919191;
   font-size: 26px;
   margin-top: 15px;
 }
 
 .align-left {
   position: absolute;
   right: 20px;
   text-align: right
 }
 
 .welcome {
   color: #404852;
   font-size: .88rem;
   font-weight: 500;
   text-align: center;
 }
 
 .username-sidebar {
   margin-top: 2px;
   color: #8d9498;
   font-size: 0.75rem;
   text-align: center;
   cursor: pointer;
 }
 
 .item-block {
   border-top: 0.5px solid #eeeeee7a;
 }
 
 .bar-item {
   width: 100%;
   display: block;
 }
 
 .active {
   color: #4b4b4b !important;
 }
 
 .open-sidebar {
   background: #2576ab;
   font-size: 18px;
   top: 4px;
   position: relative;
   border-radius: 6px;
   color: white;
   border: none;
   cursor: pointer;
   margin-left: 15px;
   height: 30px;
   line-height: 30px;
   padding: 0 16px;
 }
 
 .navbar {
   background-color: #2980B9;
   color: white;
   width: 100%;
   height: 60px;
   box-shadow: 0.5px 2px 7px 2px rgba(0, 0, 0, .1);
   margin-top: 0px !important;
 }
 
 .special-item {
   background-color: #fcfdfe;
 }
 
 .special-item a {
   font-size: 15px !important;
   margin-left: 40px !important;
 }
 
 .navbar p {
   font-weight: 400;
   font-size: 32px;
   font-family: Montserrat, Optima, Segoe, "Segoe UI", Candara, Calibri, Arial, sans-serif;
   display: inline;
   padding: 6px 30px;
   position: relative;
   top: 9px;
   padding-left: 20px;
 }
 
 .close-sidebar {
   position: absolute;
   top: -2px;
   display: block;
   right: 3%;
   color: #9191a2;
   cursor: pointer;
 }
 
 .card-db-wrapper {
   width: 90%;
   display: flex;
   justify-content: space-between;
   flex-direction: row;
   flex-wrap: wrap;
   margin-left: 5%;
   margin-bottom: 40px
 }
 
 .card-db,
 .card-db-account {
   font-family: 'Montserrat', sans-serif;
   width: 20%;
   background: white;
   padding: 1.88rem 1.81rem;
   box-shadow: -1px 1px 14px 0px rgba(37, 44, 97, 0.1);
   border-radius: 2px 2px 5px 5px;
 }
 
 .title-db-account {
   font-weight: bold;
   color: #515050;
   line-height: 0.8;
 }
 
 .card-db-account {
   width: 45%;
   padding: 0 0.81rem;
 }
 
 .db-account {
   list-style-type: none;
   margin-left: -20px;
   width: 50%;
 }
 
 .news-title {
   display: block;
   font-weight: 600;
   font-size: 14px;
   color: #515050;
 }
 
 .crypto-explain {
   display: block;
   font-size: 14px;
 }
 
 .crypto-input {
   width: 100%;
   padding: 3px 12px;
   border: 1.5px solid #ededed;
   border-radius: 2px;
   background: #fff
 }
 
 .ticket-input {
   width: 100%;
   font-family: 'Montserrat', sans-serif;
   padding: 3px 6px;
   border: 1.5px solid #ededed;
   border-radius: 2px;
   background: #fff;
   height: 80px;
   resize: none;
 }
 
 .news-body {
   margin-top: 2px;
   font-size: 14.5px;
   font-family: 'Montserrat', sans-serif;
 }
 
 .news-wrap {
   margin-left: 19px;
   margin-bottom: 10px
 }
 
 .membership,
 .membership-null,
 .expires {
   text-align: center;
   font-weight: bold;
   color: white;
   border-radius: 3px;
   background-color: rgba(46, 204, 112, 0.842);
   padding: 1px 5px;
 }
 
 .expires {
   background-color: rgba(52, 152, 219, 0.842)
 }
 
 .membership-null {
   background-color: rgba(130, 128, 128, 0.842);
 }
 
 .max-daily,
 .membership,
 .membership-null,
 .expires {
   font-family: 'Montserrat', sans-serif;
   font-size: 13px
 }
 
 .card-db-items {
   display: flex;
   justify-content: center;
   align-items: center;
   line-height: 0.3;
   color: #12131a;
   text-align: left;
   font-family: "Montserrat", sans-serif;
 }
 
 .news-body-wrap {
   margin-left: 4px;
 }
 
 .card-db-text {
   margin-left: 16px
 }
 
 .db-icon {
   font-size: 32px
 }
 
 .title-db {
   font-size: 15px
 }
 
 .num {
   font-weight: bold;
   color: #3e3f47;
   font-size: 16px;
 }
 
 .flex-wrapper {
   display: flex;
   flex-direction: row;
   flex-wrap: wrap;
   justify-content: center;
 }
 
 .other-plans {
   color: #444;
   font-family: 'Montserrat', sans-serif;
   font-weight: 400;
   text-align: center;
 }
 
 .leave-blank {
   color: #444;
   margin-bottom: 2px;
   text-align: center;
 }
 
 .buy-button {
   display: block;
   padding: 8px 11px;
   font-size: 14px;
   font-weight: bold;
   color: #fff;
   border-top: 0;
   border-right: 0;
   border-left: 0;
   width: 35%;
   margin-left: 32.5%;
   margin-bottom: 5px;
   -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   box-shadow: 0px 2px 10px rgba(0, 0, 0, .045);
   -webkit-transition: all .5s;
   transition: all .5s;
 }
 
 .buy-button:active {
   box-shadow: inset 0 4px 8px rgba(50, 50, 93, .31), inset 0 1px 5px rgba(0, 0, 0, .38);
 }
 
 .buy-button:hover {
   text-decoration: none;
   -webkit-transform: translateY(-1px);
   transform: translateY(-1px);
   box-shadow: 0 4px 20px rgba(50, 50, 93, .11);
 }
 
 table {
   width: 80%;
   margin: 40px auto;
   text-align: left;
   border-collapse: collapse;
 }
 
 tr {
   transition-duration: 0.2s;
   border-bottom: 1px solid rgb(207, 207, 207);
 }
 
 tr:hover {
   cursor: pointer;
   background-color: #F5F5F5
 }
 
 #tr-head {
   border-bottom: 2px solid rgb(202, 202, 202);
   padding-bottom: 5px;
   color: #373E4A;
 }
 
 table thead tr th {
   padding: 6px 0 8px 0;
 }
 
 td {
   padding: 6px 0 6px 5px;
 }
 
 .gen-text {
   font-size: 14px;
   border-left: 3px solid #34495E;
   display: inline;
   color: #34495E;
   font-weight: bold;
   position: relative;
   left: -10px;
   padding: 3px 12px;
   border-radius: 0 0 38px 0;
 }
 
 .ticket-text {
   font-size: 14px;
   border-left: 3px solid rgba(241, 76, 76, 0.69);
   display: inline;
   color: #34495E;
   font-weight: 600;
   position: relative;
   left: -32px;
   padding: 3px 12px;
   border-radius: 0 0 38px 0;
 }
 
 .account-generated {
   width: 60%;
   margin-left: 20%;
   color: #556b80;
   outline: 0;
   border-radius: 4px;
   padding: 6px 20px;
   font-size: 17px;
   border: 1.2px solid #8297ac;
 }
 
 .select-hidden {
   display: none;
   visibility: hidden;
   padding-right: 10px;
 }
 
 .select {
   cursor: pointer;
   display: inline-block;
   position: relative;
   font-size: 16px;
   color: #fff;
   width: 220px;
   height: 40px;
   margin-bottom: 50px;
 }
 
 .select-styled {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   border-radius: 5px;
   color: #556b80;
   border: 1.2px solid #8297ac;
   padding: 9px 20px;
   -moz-transition: all 0.2s ease-in;
   -o-transition: all 0.2s ease-in;
   -webkit-transition: all 0.2s ease-in;
   transition: all 0.2s ease-in;
   font-weight: 600;
 }
 
 .select-styled:after {
   content: "";
   width: 0;
   height: 0;
   border: 7px solid transparent;
   border-color: #8297ac transparent transparent transparent;
   position: absolute;
   top: 16px;
   right: 10px;
 }
 
 .select-styled:hover {
   border-radius: 2px;
   color: white;
   background: #34495e;
 }
 
 .select-styled:active,
 .select-styled.active {
   color: white;
   background: #34495e;
 }
 
 .select-styled:active:after,
 .select-styled.active:after {
   top: 9px;
   border-color: transparent transparent #8297ac transparent;
 }
 
 .select-options,
 .select-options-key {
   display: none;
   position: absolute;
   top: 100%;
   right: 0;
   left: 0;
   z-index: 999;
   margin: 0;
   padding: 0;
   list-style: none;
   background-color: #FFF;
 }
 
 .select-options li,
 .select-options-key li {
   z-index: 1000;
   margin: 0;
   color: #2FA99E;
   font-size: 16px !important;
   font-weight: 500;
   padding: 12px 10px;
   text-indent: 15px;
   border-top: 1px solid #f2f2f2;
   -moz-transition: all 0.15s ease-in;
   -o-transition: all 0.15s ease-in;
   -webkit-transition: all 0.15s ease-in;
   transition: all 0.15s ease-in;
 }
 
 .select-options li:hover,
 .select-options-key li:hover {
   color: #2FA99E;
   background: #f0f0f0;
 }
 
 .select-options li[rel="hide"],
 .select-options-key li[rel="hide"] {
   display: none;
 }
 
 .select-options {
   overflow-x: auto;
   height: 230px;
 }
 
 .select-options-key {
   overflow-x: auto;
 }
 
 .select-options::-webkit-scrollbar,
 .select-options-key::-webkit-scrollbar {
   width: 5px;
 }
 
 .select-options::-webkit-scrollbar-thumb,
 .select-options-key::-webkit-scrollbar-thumb {
   background-color: #707070;
   border-radius: 10px
 }
 
 .gen-card {
   padding: 10px;
   width: 70%;
   border-top: 2px solid rgb(76, 83, 82);
 }
 
 .transition-input {
   width: 30%;
 }
 
 .profile-card {
   width: 60%;
   border-top: 2px solid rgba(241, 76, 76, 0.69)
 }
 
 .crypto-card {
   width: 60%;
   border-top: 2px solid rgba(241, 189, 76, 0.69)
 }
 
 .psc-input {
   width: 30%
 }
 
 .new-ticket-card {
   border-top: 2px solid rgba(241, 76, 76, 0.69);
   width: 60%;
 }
 
 .new-ticket-btn {
   width: 30%;
   text-align: center
 }
 
 .banner-spon {
   position: absolute;
   bottom: 20px;
   left: calc(50% - 360px);
 }
 
 @media screen and (max-width: 934px) {
   #card-1,
   #card-2 {
     margin-bottom: 15px;
   }
   .sidebar {
     width: 40%;
   }
   .membership,
   .expires,
   .membership-null {
     display: block
   }
 }
 
 @media screen and (max-width: 1288px) {
   #card-1,
   #card-2 {
     margin-bottom: 15px;
   }
   .card-db {
     width: 40%;
   }
 }
 
 @media screen and (max-width: 767px) {
   .new-ticket-card {
     width: 100% !important;
   }
   .crypto-card {
     width: 100% !important;
   }
   .profile-card {
     width: 100% !important;
   }
   .buy-button {
     margin-left: 27.5%;
   }
   #alt {
     width: 100%;
     margin: 0 0;
   }
   .gen-card {
     width: 80% !important;
   }
   #card-1,
   #card-2 {
     margin-bottom: 15px;
   }
   .sidebar {
     width: 50%;
   }
   .card-db-account {
     width: 42%;
   }
   .card-db {
     width: 38%;
   }
   .sponsor-banner {
     width: 80%;
   }
   .banner-spon {
     position: relative;
     left: 0% !important;
   }
   .nav-items {
     display: none;
   }
   .modal-content {
     width: 75%;
   }
   .card-wrap {
     width: 100%;
     margin-left: 0%;
   }
   .plan {
     width: 47.5%;
   }
   #plan-2 {
     margin: 0 0 0 5%;
   }
   #plan-3 {
     margin-top: 40px;
     margin-right: 0%;
   }
   #plan-4 {
     margin-left: 5%;
     margin-right: 0;
   }
   #plan-6 {
     margin-right: 5%;
     margin-left: 0;
   }
   #plan-5 {
     margin-top: 40px;
     position: relative;
     left: -20.75%;
   }
 }
 
 @media screen and (max-width: 567px) {
   .title-db {
     line-height: 1;
   }
   .card-db {
     width: 33%;
   }
 }
 
 @media screen and (max-width: 400px) {
   .new-ticket-btn {
     width: 50%;
   }
   .card-db {
     width: 90%;
   }
   #card-1,
   #card-2,
   #card-3,
   #card-4 {
     margin-bottom: 15px;
   }
   .card-db-account {
     width: 90%;
     margin-bottom: 15px;
   }
 }
 
 @media screen and (max-width: 652px) {
   .psc-input {
     width: 65%
   }
   .transition-input {
     width: 55%;
   }
   .feature-section {
     height: 145%;
   }
   .gen-card {
     width: 90% !important;
   }
 }
 
 @media screen and (max-width: 556px) {
   .plan-flex-wrapper {
     width: 100%;
     margin-left: 0;
   }
   .feature-section {
     height: 185%;
   }
   .feature {
     width: 100%;
     padding-bottom: 10%;
   }
   .feature-right {
     padding-left: 0;
     border-left: none;
     width: 100%;
     padding-top: 10%;
     border-top: 1px solid #e0f2fd;
   }
   #feature-2 {
     padding-bottom: 10%
   }
   #feature-3 {
     border-top: 1px solid #e0f2fd;
     padding-top: 10%;
   }
   .desc {
     max-width: 70%;
   }
   .title {
     margin-top: 24%;
   }
   .flex-wrapper {
     margin-left: 5%;
     width: 90%;
   }
 }
 
 @media screen and (max-width: 374px) {
   .feature-section {
     height: 200%;
   }
 }
 
 @media screen and (max-width: 420px) {
   .desc {
     line-height: 23px;
     margin-top: 10px;
   }
   .button-container {
     margin-top: 20px;
   }
 }
 
 .animate-left {
   position: relative;
   animation: animateleft 0.4s;
 }
 
 .animate-right {
   position: relative;
   animation: animateright 0.4s;
 }
 
 @media screen and (max-width: 432px) {
   .ico {
     width: 70px;
     position: relative;
     height: 70px;
     border-radius: 50%;
     background-position: 50%;
     background-size: cover;
     float: left;
     margin-top: 30px;
     transition-duration: 0.3s;
   }
 }
 
 @keyframes slideDown {
   0% {
     transform: translateY(-100%);
   }
   50% {
     transform: translateY(8%);
   }
   65% {
     transform: translateY(-4%);
   }
   80% {
     transform: translateY(0%);
   }
 }
 
 @-webkit-keyframes slideDown {
   0% {
     transform: translateY(-100%);
   }
   50% {
     transform: translateY(8%);
   }
   65% {
     transform: translateY(-4%);
   }
   80% {
     transform: translateY(0%);
   }
 }
 
 @keyframes slideUp {
   0% {
     transform: translateY(0%);
   }
   20% {
     transform: translateY(8%);
   }
   100% {
     transform: translateY(-100%);
   }
 }
 
 @-webkit-keyframes slideUp {
   0% {
     transform: translateY(0%);
   }
   20% {
     transform: translateY(8%);
   }
   100% {
     transform: translateY(-100%);
   }
 }
 
 @-webkit-keyframes animateleft {
   0% {
     left: -300px;
     opacity: 0;
   }
   100% {
     left: 0;
     opacity: 1;
   }
 }
 
 @keyframes animateleft {
   0% {
     left: -300px;
     opacity: 0;
   }
   100% {
     left: 0;
     opacity: 1;
   }
 }
 
 @-webkit-keyframes animateright {
   0% {
     left: 0px;
     opacity: 1;
   }
   100% {
     left: -300px;
     opacity: 0;
   }
 }
 
 @keyframes animateright {
   0% {
     left: 0px;
     opacity: 1;
   }
   100% {
     left: -300px;
     opacity: 0;
   }
 }
 
 /* neon */
 
 .shop-icon{
 border-radius: 1337px;
 width: 100px;
 height: 100px;
 }
 
 .currency{
 font-weight: bold;
 font-size: 30px;
 }
 
 .price{
 font-weight: 300;
 font-size: 22px;
 }
 
 .bottomPart{
 position: absolute; 
 bottom: 0; 
 margin-left: auto; 
 margin-right: auto;
 left: 0; 
 right: 0;
 }
 
 .badge{
 background: red;
 border-radius: 1337px;
 color: white;
 font-size: 12px;
 height: 15px;
 width: 15px;
 text-align: center;
 font-weight: bold;
 margin-top: -22px;
 margin-left: 10px;
 position: absolute;
 z-index: 5;
 }

Advice Needed Need Help? to Find the Template or Designer For this!

Submitted by Soft Poison, 05-03-2019, 05:32 AM, Thread ID: 123475

RE: Need Help? to Find the Template or Designer For this!