{% include 'header.twig' %}
 <div class="marginforfixed userbody">
      <!-- Main variables *content* -->
      <style>
  a.wawebbtn {
    text-decoration: none;
    background: linear-gradient(45deg, #3bc800, #0f8d00);
    color: #fff;
    padding: 8px 16px;
    font-weight: 600;
    border: 2px solid;
    border-radius: 12px;
    box-shadow: 6px 6px 90px -12px #3bc800;
  }
  .webdesigningbox .topwebdes p {
    background: #ffffff20;
    display: inline-block;
    color: #fff;
    padding: 2px 10px;
    border: 1px solid #ffffff20;
    border-radius: 12px;
    font-size: 12px;
    text-align: center;
  }
  .webdesigningbox .topwebdes h2 {
    color: #fff;
  }
  .webdesigningbox .topwebdes {
    padding: 25px;
  }
  .webdesigningbox {
    background: url(https://i.imgur.com/N2ZqG2T.png);
    border: 1px solid #ffffff20;
    border-radius: 12px;
    overflow: hidden;
    margin: 20px 0;
    backdrop-filter: blur(10px);
    background-size: cover;
    background-position: center;
  }
  .webdesigningbox img {
    width: -webkit-fill-available;
    filter: drop-shadow(2px 4px 80px #00000070);
  }
</style>
<style>
  .democard {
    margin-bottom: 20px;
  }
  .childpanelheader h1 {
    margin: 0;
    margin-bottom: 10px;
    color: #ffb800;
    font-weight: 900;
  }
  .childpanelheader p {
    color: #fff;
    margin-bottom: 25px;
  }
  .childpanelheader {
    padding: 25px;
  }
  .childpanelseccard {
    background: #ffffff20;
    border: 1px solid #ffffff20;
    border-radius: 12px;
    overflow: hidden;
    margin: 20px;
    backdrop-filter: blur(5px);
  }
  .childpanelseccard > div {
    padding: 22px;
  }
  .childpanelseccard > div h3 {
    color: #ffb827;
    font-weight: bold;
    margin-bottom: 12px;
  }
  .childpanelseccard > div p {
    color: #fff;
  }
  .childpanelseccard img {
    width: 100%;
  }

  @media(min-width: 992px){
    .fixed {
      position: fixed;
      width: 46%;
      float: left;
    }
    .scrollit {
      float: right;
      width: 50%;
    }
  }

  .childpanelheader img {
    width: 100%;
    max-width: 20%;
    margin-right: 20px;
  }
  .childpanelheader > div {
    width: 75%;
  }
  .childpanelheader {
    background: radial-gradient(#383327, black);
    margin-bottom: 20px;
    border: 2px solid #fff;
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
  }
  .childpanelheader div ul {
    color: #fff;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    list-style: none;
  }
  .childpanelheader div ul li {
    margin-right: 20px;
    color: #ffffff;
    background: #000;
    padding: 5px;
    border-radius: 12px;
    padding-right: 13px;
    border: 1px solid #ffffff;
    box-shadow: 4px 4px 20px 0px #000;
    margin-top: 10px;
  }
  .childpanelheader div ul li i {
    color: #ffb827;
    margin-right: 2px;
  }
  .wellheader {
    background: url(https://i.imgur.com/3rsNRGV.png);
    background-size: auto;
    background-position: right;
    color: #fff;
    padding: 10px;
    border: 2px solid #ffb827;
    border-bottom: 0;
    border-radius: 12px 12px 0 0;
  }
  .well.childwell {
    border-radius: 0 0 12px 12px;
    padding: 20px;
  }
  .wellheader i {
    background: #000;
    padding: 9px;
    border: 1px solid #ffb827;
    border-radius: 12px;
    height: 40px;
    width: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
    box-shadow: 2px 2px 15px 0px #000;
  }
  .alert.alert-info {
    background: #ffebb8;
    border: 2px solid #ffb827;
    border-radius: 12px;
    color: #000;
    font-weight: 500;
    padding: 15px;
  }
  .alert.alert-info {
    background: #ffebb8;
    border: 2px solid #ffb827;
    border-radius: 12px;
    color: #000;
    font-weight: 500;
    padding: 15px;
  }
  @media(max-width: 768px){
    .childpanelheader img {
      max-width: 100%;
      margin: 0;
      margin-bottom: 10px;
    }
    .childpanelheader > div {
      width: 100%;
    }
  }
</style>

<div class="container">
  <div class="row">
    <div class="col-md-12">
      <div class="childpanelheader">
        <img src="https://i.imgur.com/Oq1Pq4n.png">
        <div>
          <h1>Be Your Own Boss</h1>
          <p>Level-up your Social Media Marketing Business by partnering with  {{site["site_name"] }} server. Draw attention towards automation for customers and Scale your busienss to the Next Level</p>
          <ul>
            <li><i class="fad fa-circle"></i> Full Fledged Site </li>
            <li><i class="fad fa-circle"></i> With Services Module Installed</li>
            <li><i class="fad fa-circle"></i> Monthly Recurring Fees</li>
            <li><i class="fad fa-circle"></i> Make Profits in Percentage</li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="container">
      <div class="row">
    <div class="col-md-12">
      <div class="democard">
        <p>Demo of your Child Panel Website</p>
        <a class="btn btn-primary" href="https://demo.perfectpanel.com/" target="_blank">Demo</a>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-md-6">
      <div class="wellheader">
        <i class="fad fa-network-wired"></i> Order Child Panel
      </div>
      <div class="well childwell">
        {% if contentText %}
<div class="card mt-2 mb-3">
{{ contentText }}
</div>
{% endif %}
                    <div class="component_card">
                        <div class="card">
{% if error %}
      <div class="alert alert-dismissible alert-danger">
          <button type="button" class="close" data-dismiss="alert">×</button>
        {{ errorText }}
      </div>
    {% endif %}  

    {% if data["childpanel"]["success"] == 1 %}
      <div class="alert alert-dismissible alert-success">
<p>You have successfully ordered your Child Panel.</p>
<strong> Order ID: </strong> {{ data['childpanel']['id'] }} <br>
<strong> Domain: </strong> {{ data['childpanel']['link'] }} <br>
<strong> Quantity: </strong> {{ data['childpanel']['quantity'] }} <br>
<strong> Remaining balance: </strong> {{ data['childpanel']['balance'] }} <br>
</div>
{% endif %}
    <form name="contact-form" action="child-panels" method="post">
    <div class="form-group">
    <label for="Domain">Domain</label>
    <input type="text" class="form-control" name="panel_domain" placeholder="example.com" required>
    </div>
                     
            </div>
            <div class="alert alert-info">
              <div>Please change nameservers to:</div>
              <ul style="padding-left: 20px">
                                <li>ns1.perfectdns.com</li>
                                <li>ns2.perfectdns.com</li>
                              </ul>
            </div>
          </div>
          <div class="form-group">
            <label class="Domain" for="currency">Panel Currency</label>
			
		<select class="form-control" name="panel_currency" required>
{{ child_panel_currencies }}
</select>
    </div>
	
    <div class="form-group">
    <label for="exampleInputEmail1">Admin Username</label>
    <input type="text" class="form-control" name="admin_username" placeholder="Username" required>
    </div>

<div class="form-group">
    <label for="admin_password" class="control-label">Admin Password</label>
<div class="input-group mb-3">
<input type="text" id="childpanel_admin_password" name="admin_password" class="form-control" placeholder="" aria-describedby="basic-addon2" value="" autocomplete="off">
<div class="input-group-append">
<span  class="input-group-text bg-primary text-white" id="randomize_password"><i class="fa fa-random" aria-hidden="true"></i></span>
  </div>
</div>
</div>
<div class="form-group">

<label class="control-label" for="orderpanelform-password">Admin Confirm Password</label><input type="text" id="childpanel_admin_confirm_password" class="form-control" name="admin_confirm_password" placeholder="" required>
    </div>
		
<div class="form-group">
<label for="charge" class="control-label"> Price per month</label>
<input type="text" class="form-control" value="{{site_base_currency_symbol}}{{" "}}{{site["childpanel_price"]}}" readonly>
</div>
<button type="submit" class="btn btn-block btn-primary" name="submit" value="Submit" id="submit_form">Submit Order</button>
</form>
      </div>
    </div>
    <div class="col-md-6">
      <div class="wellheader">
        <i class="fas fa-sort-numeric-down"></i> Detailed Process
      </div>
      <div class="well childwell">
        <div class="row">
          <div class="col-md-6">
            <div class="stepcardsteps">1</div>
            <div class="stepcard">
              <h2>Get an Domain</h2>
              <p>You need an Domain with full access in it, wherasin we will install our server into it.
              </p>
            </div>
          </div>
          <div class="col-md-6">
            <div class="stepcardsteps">2</div>
            <div class="stepcard">
              <h2>Change DNS</h2>
              <p>You need to change the Nameserver ( DNS ) of your Domain to "ns1.perfectdns.com" & "ns2.perfectdns.com"
              </p>
            </div>
          </div>
          <div class="col-md-6">
            <div class="stepcardsteps">3</div>
            <div class="stepcard">
              <h2>Fill Up Details</h2>
              <p>While placing an order for child panel, please provide us with appropriate details. Remember it cannot get Changed afterwards. 
              </p>
            </div>
          </div>
          <div class="col-md-6">
            <div class="stepcardsteps">4</div>
            <div class="stepcard">
              <h2>Start the New Mode of Business</h2>
              <p>Once you have placed an order for Child Panel with appropriate details, you need to wait for 24hrs to get the server installed automatically. 
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="col-md-12">
      <div class="row">
        <div class="childslider">
          <div>
            <div class="childpanelseccard">
              <img src="https://i.imgur.com/s8y2BMR.png">
              <div>
                <h3>What is child panel?</h3>
                <p>A Child SMM Panel simplifies the setup process compared to a regular SMM Panel. Instead of buying a domain, hosting, script, and API, you only need to purchase a domain name and adjust the name servers as instructed by the main SMM Panel provider, making it a more straightforward and user-friendly option.</p>
              </div>
            </div>
          </div>
          <div>
            <div class="childpanelseccard">
              <div>
                <h3>How does it work ?</h3>
                <p>A Child SMM Panel is a reseller platform for social media marketing services. Users select and pay for services like followers and likes, which are then fulfilled by the main SMM panel. The operator of the child panel profits from marking up the service cost, making the process easier and convenient for child panel operators.</p>
              </div>
              <img src="https://i.imgur.com/T33bDjz.png">
            </div>
          </div>
          <div>
            <div class="childpanelseccard">
              <img src="https://i.imgur.com/QVPpQwb.png">
              <div>
                <h3>How will I earn money ?</h3>
                <p>As a child SMM panel owner, you can earn money by reselling social media services obtained from a main provider panel, adding your margin to the cost. The profit comes from the price difference between what you pay the main provider and what your clients pay you.</p>
              </div>
            </div>
          </div>
          <div>
            <div class="childpanelseccard">
              <div>
                <h3>What is the $25 for?</h3>
                <p>The $25 covers the maintenance costs of the child panel, including hosting and other operational aspects necessary for running the SMM services. It ensures the smooth functioning and availability of the panel's services.</p>
              </div>
              <img src="https://i.imgur.com/QQe2E06.png">
            </div>
          </div>
          <div>
            <div class="childpanelseccard">
              <img src="https://i.imgur.com/kFNPTpB.png">
              <div>
                <h3>How to make clients ?</h3>
                <p>To attract clients for your SMM panel, utilize social media platforms to promote your services. Offer competitive prices, showcase the quality of your services, and engage with potential clients through targeted advertising and customer support. Building a strong online presence and delivering reliable services will help you attract and retain clients.</p>
              </div>
            </div>
          </div>
          <div>
            <div class="childpanelseccard">
              <div>
                <h3>Will I get a similar website like yours?</h3>
                <p>No, you will receive a panel with a basic theme as demonstrated in the provided demo. Extensive customization to match the look and feel of our main panel is not included and can be undertaken separately to meet your specific preferences and needs.</p>
              </div>
              <img src="https://i.imgur.com/B8MCpbA.png">
            </div>
          </div>
          <div>
            <div class="childpanelseccard">
              <img src="https://i.imgur.com/qgDJsPk.png">
              <div>
                <h3>When should I get an Child Panel ?</h3>
                <p>You may consider getting a Child Panel when you have a clear understanding of the SMM business, a reliable main panel provider, and a growing demand for social media services. Ensure that you are well-prepared to manage the responsibilities and operations associated with running a Child Panel effectively.</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
  </div>

<!-- Slick -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous">
  <script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.9.0/slick.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<script>
  $(document).ready(function(){
    $('.childslider').slick({
      slidesToShow: 4,
      slidesToScroll: 1,
      autoplay: true,
      autoplaySpeed: 2000,
      dots: true,
      arrows: false,
      infinite: true,
      responsive: [
        {
          breakpoint: 1122,
          settings: {
            slidesToShow: 3
          }
        },
        {
          breakpoint: 768,
          settings: {
            slidesToShow: 2
          }
        },
        {
          breakpoint: 480,
          settings: {
            slidesToShow: 1
          }
        }
      ]
    });
  });
</script>

<div class="container">
  <div class="row">
    <div class="col-md-12">
      <div class="heading">
        <p class="subheading">Web Development →</p>
        <h2>Want a custom <span class="highlighted">Website</span>?</h2>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-md-4">
      <div class="webdesigningbox">
        <div class="topwebdes">
          <p class="oun">User-Friendly</p>
          <h2>Best In Terms of <span class="highlighted">UI/UX</span></h2>
          <a class="wawebbtn">WhatsApp Us!</a>
        </div>
        <img src="https://i.imgur.com/ucbTKK8.png">
      </div>
    </div>
    <div class="col-md-4">
      <div class="webdesigningbox">
        <div class="topwebdes">
          <p class="oun">Starting From $100</p>
          <h2>The Best At <span class="highlighted">Affordable</span></h2>
          <a class="wawebbtn">WhatsApp Us!</a>
        </div>
        <img src="https://i.imgur.com/cEe4kbM.png">
      </div>
    </div>
    <div class="col-md-4">
      <div class="webdesigningbox">
        <div class="topwebdes">
          <p class="oun">Ontime</p>
          <h2><span class="highlighted">On Time</span> Completion</h2>
          <a class="wawebbtn">WhatsApp Us!</a>
        </div>
        <img src="https://i.imgur.com/Wf2cFyy.png">
      </div>
    </div>
  </div>
</div>
    </div>

    
{% include 'footer.twig' %}