HTML
The HTML Content Template (template) element is a mechanism for holding html that is not to be rendered immediately when a page is loaded but may be instantiated subsequently during runtime
Then upload the static HTML to the server. Back in 2013 I recommended ttree, but these days static site builders are common and more powerful. My projects tend towards Gatsby (for complex projects) and Metalsmith (for simpler ones). Jekyll is very popular (and Github provides documentation for using it with GH Pages
→
<!DOCTYPE html>
<html>
<link rel="stylesheet"href="styles.css">
<body>
</body>
<!-- car layout-->
<div class="card"><br>
<!--continue to card layout-->
<!--icon Layout-->
<label class="icon">
<label class="bbb">b</label>
<label class="bb">b</label>
<label class="bbb">b</label>
<label class="bb">b</label>
<label class="bbb">b</label>
<!--Start ZEMR Text-->
<label class="text_icon">
<label class="icon1">Z</label>
<label class="icon1">E</label>
<label class="icon1">M</label>
<label class="icon1">R</label>
</label>
<!--End ZEMR Text-->
</label>
<!--End Icon Layout And Text ZEMR-->
<br>
<div class="text">Dire ct De pos it Enrollment</div>
<!--close Title text-->
<!--start form page-->
<label class="name">First tNa me*<label class="name1">La s tNa me*</label><br>
<input type="text"name="text"id="input1">
<input type="text"name="text"id="input2"></label>
<br>
<!--End Enter name-->
<!--and start email addres-->
<label class="name2">Ema il Addre ss*<br>
<input type="text"name="text"id="input3"></label><br>
<label class="name2">AccountNumber<br>
<input type="text"name="text"id="input3"></label><br>
<label class="name2">Routing Number<br>
<input type="text"name="text"id="input3"></label><br>
<!--close informations-->
<label class="name2">Sta r tDat te<br>
<input type="number"name="number"id="input4"></label>
<input type="number"name="number"id="input5">
<input type="number"name="number"id="input5">
<input type="date"name="number"id="input6"><br>
<button id="button">continue to Signa ture</button>
</div>
</body>
</html>
Cascading Style Sheets (CSS) is a style sheet language used for describing the presentation of a document written in a markup language such as HTML
body{
background-image:url("image1.jpg");
}
.card{
background-color:white;
margin-left:350px;
margin-right:350px;
height:500px;
border-radius: 5px;
}
.icon{
margin-left: 180px;
margin-top: 10px;;
background-color: rgb(255, 255, 255);
}
.icon1{
margin-top:20px;
color:rgb(249, 175, 64);
font-weight: 600;
}
.text_icon{
margin-left:10px;
}
.bb{
background-color: rgb(249, 175, 64);
color:rgb(249, 175, 64);
font-size: 8px;
padding-top:8px;
padding-bottom:18px;
border-radius:2px;
}
.bbb{
background-color: rgb(249, 175, 64);
color:rgb(249, 175, 64);
font-size: 8px;
padding-bottom:10px;
border-radius:2px;
}
.text{
margin-left:120px;
margin-top:30px;
margin-bottom:15px;
font-weight:600;
}
.name{
font-weight:600px;
margin-top:10px;
margin-left:40px;
}
.name1{
margin-left:125px;
font-weight: 2px;
}
#input1,#input2{
margin-left:40px;
margin-top:5px;
margin-bottom:10px;
background-color: rgb(230, 233, 240);
border-style: none;
height:20px;
border-radius:2px;
}
.name2{
font-weight:600px;
margin-left:40px;
}
#input3{
margin-left:40px;
margin-top:5px;
margin-bottom:10px;
background-color: rgb(230, 233, 240);
border-style: none;
padding-left:250px;
height:20px;
border-radius:2px;
}
#input4{
background-color: rgb(230, 233, 240);
width:40px;
border-style:none;
border-radius:2px;
margin-left:40px;
margin-top:10px;
height:20px;
}
#input5{
background-color: rgb(230, 233, 240);
width:40px;
border-style:none;
border-radius:2px;
margin-left:10px;
margin-top:10px;
height:20px;
}
#input6{
background-color: transparent;
width:18px;
border-style:none;
border-radius:2px;
margin-left:5px;
margin-top:10px;
height:20px;
margin-bottom:25px;
}
#button{
margin-left:40px;
background-color:rgb(244, 222, 134);
height:30px;
border-style:none;
padding-left:150px;
padding-right:130px;
font-weight: 700;
}
CSS code, or CSS styles, which stands for "Cascading Style Sheets", can be included in any website. CSS is used to define fonts, colors
download code👇👇
