How to Create About us Page in Website
How to Write a code Step by Step Process
Step 1: Create a folder. Folder name Project.
Step 2: Open Sublime text and Type given HTML code.
Step 3: After enter this code, Save file name index.html (inside the Project folder)
Step 4: Open index.html with any browser like Chrome, Internet explorer, etc.
Step 5: Finally you get an output in website- About us page
Note:
<img src=“images/s1.jpg” alt=”img25″ height=”380″ weight=”450″/>
*About us Image must be placed on your Device.
(For Ex: Here My background Image Name- s1.jpg, File Name: Project)
About Us page– Source Code
index.html
<html>
<head>
<title>Career Lines</title>
<link href=”css/bootstrap.css” rel=’stylesheet’ type=’text/css’ /> /Here I’m used Bootstrap Coding to developed an about us designing & Page alignment , If u need and test the code Click Here
</head>
<div class=”about” id=”about”>
<div class=”container”>
<!–/about-section–>
<div class=”about-section”>
<div class=”col-md-7 ab-left”>
<div class=”grid”>
<div class=”h-f wow slideInLeft” data-wow-duration=”1s” data-wow-delay=”.2s”>
<img src=”images/s1.jpg” alt=”img25″ height=”380″ weight=”450″/>
</div>
<div class=”clearfix”> </div>
</div>
</div>
<div class=”col-md-5 ab-text”>
<h3 class=”tittle wow slideInDown” data-wow-duration=”1s” data-wow-delay=”.3s”>About Us</h3>
<p class=”wow slideInUp” data-wow-duration=”1s” data-wow-delay=”.3s”>We Build your Career Dreams.The right choice for your career. Join now and become Certified Professional of IT & Electronic Industry. Career Lines Fast Track Training & Certifications enable assessment and validation of the definite computing skills. Our line of courses in IT is spread across the entire spectrum of learning a comprehensive language to complimenting add-on courses that accelerate your career growth.</p>
<div class=”start wow flipInX” data-wow-duration=”1s” data-wow-delay=”.3s”></div>
</div>
<div class=”clearfix”> </div>
</div>
<!–//about-section–>
<style type=”text/css”>
html, body {
font-family: ‘Calibri’, sans-serif;
font-size: 100%;
background: darkgray;
}
h3.tittle, h3.single {
font-size: 3.5em;
}
h3.tittle {
font-size: 3em;
color: darkblue;
}
h1, h2, h3, h4, h5, h6 {
margin: 0;
font-family: serif;
}
.arrows-two {
position: relative;
color: #EFA52C;
font-size: 2em;
}
.ab-text p, .services-gd p, .test-review p, .bottom-top p, p.wel-text, p.para1, .con-top ul li, .con-top ul li, .single-img p {
font-size: 15pt;
color: black;
line-height: 1.9em;
margin: 1em 0;
}
p {
font-family: serif;
display: block;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 0px;
margin-inline-end: 0px;
}
.ab-text {
text-align: center;
margin-top: 2em;
}</style>
</div>
</html>
Next Blog – How to Create Menus in Website step by step guidance.
For Detailed Information: Click Here