How to Create About us Page in Website

by Admin

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