کمک درباره ویرایش کد HTML

[Radius 89]

سلام

بنده 3 تا سوال داشتم و کمک میخواستم

 

1. بنده میخوام یک Landing Page ساده بسازم . شما سایتی یا برنامه ای چیزی میشناسید که رایگان باشد؟؟

2.چند نمونه Landing Page اگر دوستان دارند ممنون میشم که برام قرار بدن

 

3. این Landing Page

http://saeedmz.ir/landing-page2/

 

رو من دارم میخوام یک اون خط های صفید کناره دکمه پایین بره و بنده از MailerLite استفاده میکنم یک دکمه دارم میخوام به جایه اون دکمه پایین بیاد یا وقتی روی همون دکمه پایین کلیک شد کار اون دکمه رو انجام بده

این کد دکمه من هست

<style>
    
        

    .ml-button-iframe {
        background-color: transparent !important;
        border: 0px none transparent; !important;
        overflow: hidden !important;
        position: fixed !important;
        visibility: visible !important;
        margin: 0px !important;
        padding: 0px !important;
        left: 0px !important;
        top: 0px !important;
        width: 100% !important;
        height: 100% !important;
        z-index: 9999 !important;
        display: none;
    }

    @font-face {
    
      font-family: 'Glyphicons Halflings';
      src: url('//static1.mailerlite.com/css/bootstrap3/fonts/glyphicons-halflings-regular.eot');
      src: url('//static1.mailerlite.com/css/bootstrap3/fonts/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('//static1.mailerlite.com/css/bootstrap3/fonts/glyphicons-halflings-regular.woff') format('woff'), url('//static1.mailerlite.com/css/bootstrap3/fonts/glyphicons-halflings-regular.ttf') format('truetype'), url('//static1.mailerlite.com/css/bootstrap3/fonts/glyphicons-halflings-regular.svg#glyphicons-halflingsregular') format('svg');
    
    }

    #mlb2-1181133 button.ml-subscribe-button {

    
        
        cursor: pointer;
        font-family: Verdana!important;
        font-size: 18px!important;
        height: 45px;
        width: 250px;
        background-color: #F39C12!important;
        color: #FFFFFF!important;
        border: none;
        border-radius: 5px;
        padding: 0px 18px;

    

    }
    
    #mlb2-1181133 button.gradient-on {

    

            background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%);
            background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%);
            background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%);
            background: linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 100%);

    

    }
    
    #mlb2-1181133 button.gradient-on:hover {

    

            background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
            background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
            background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);
            background: linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.3) 100%);

    

    }

</style>


<form id="mlb2-1181133" action="//app.mailerlite.com/webforms/submit/o6i2o9" data-code="o6i2o9" target="_blank">
    <div class="button-preview">
        <button type="submit" class="ml-subscribe-button gradient-on">دانلود</button>
    </div>
</form>

    <script type="text/javascript" src="//static1.mailerlite.com/js/w/button.js"></script>

ممنون میشم برنام انجام بدین

[Radius 89]

کسی نمیتونه کمک کنه؟؟