Div Tag

Div tag is nothing more than a container unit that encapsulates other page elements and divides the HTML document into sections. Web developers use <div> elements to group together HTML elements and apply CSS styles to many elements at once. For instance, by wrapping a set of paragraph elements into a <div> element, the developer can take advantage of CSS styles and apply a font to all paragraphs at once by applying a font style to the <div> tag instead of coding the same style for each paragraph element.

Mostly div tag are used for divide complete page into section like footer, header, left, right section.

The element is very often used together with CSS, to layout a web page.

Lets make a CV using div tag.

Example

HTML

CSS

div
{
border-radius: 5px;
}
#header
{
position: fixed;
z-index: 1;
height:40px;
width: 98%;
background-color: #668284;
margin-bottom: 10px
}

#name {
float:left;
margin-left: 20px;
padding-bottom: 10px;
font-size: 16px;
font-family: Verdana, sans-serif;
color: #ffffff;
}

#email{
float:right;
margin-right: 20px;
padding-bottom: 10px;
font-size: 16px;
font-family: Verdana, sans-serif;
color: #ffffff;
}

#contact
{
margin-left:45%;
padding-bottom: 10px;
font-size: 16px;
font-family: Verdana, sans-serif;
color: #ffffff;
}

a:hover {
font-weight: bold;
}

.right
{
float: left;
margin-top: 50px;
padding-left:5px;
/*margin-right: -10px;
margin-left: 14%;*/
height: auto;
width: 99%;
background-color: #E3EDD8;
}

/*.left
{
float: left;
margin-top: 50px;
/*margin-right: -90px;
height: relative;
width: 10%;
background-color: #4160E8;
}*/

#footer
{
height:40px;
clear:both;
position: relative;
background-color: #C1E3E1;
}

h3
{
text-decoration: underline;
}

#job-responsibilities
{
padding: 1px;
}
.job-title
{
font-weight: bold;
}
table
{
border: 1px dashed black;
}
td
{
padding: 2px;
border: 1px solid #E88741;
}

#course-name
{
font-weight:bold;
}

#company-name
{
height:2px;
text-decoration:underline;
}
#job-title
{
height: 5px;
}
.job-duration
{
float:right;
}
#heading
{
font-weight:bold;
}

OUTPUT

CV Highlights

  • Currently going through CS253 – Web Application Engineering and CS61A – Structure & Interpretation of Computer Programs
  • Learnt basic Python, JavaScript, HTML, CSS on Codecademy.com.
  • An independent, dedicated, efficient person. These attributes are proved through the series of courses I have taken or I am taking as of now independently through online platforms.
  • Good Communication Skills, Presentation Skills, attitude towards leadership, authorisation and delegation, conflict resolution and negotiation and a very good team worker.

Professional Experience

Wingify Software Pvt Ltd

Support Engineer (Technical Support)

Job Responsbilities

  • Answer customer queries over email / ticketing system
  • Interact with our engineering team to get software issues and bugs resolved
  • Occasionally interact with customers over Skype or telephone
  • Contribute ideas to the team on how customers can be delighted

Educational Qualifications

QualificationBoardPercentage / GradesYear
S.S.CG.S.E.B India75.57%2004
H.S.C (Science Stream)G.S.E.B India72.40%2006
GDCA (Grad. Dipl in Computer Applications)NIE (National Institute Of Engineering), Mumbai, IndiaA Grade2008
B.Sc. (Hons) – Applied AccountingOxford Brookes University2:1 – Upper Second Class Honours2012
Chartered Accounting – ACCAACCA Glasgow, UKPassed (1st Attempt)2013

Independent Courses

  • HTML & CSS for Beginners – Web Fundamentals – Codecademy.com
  • Python – Fundamentals and Dynamic Programming – Codecademy.com
  • JavaScript – Programming Basics, JS Apps and Build Games – Codecademy.com
  • CS101: Introduction to Computer Science – Building a Web Crawler – Udacity.com
  • CS50x – Introduction to Computer Science I – edX.org & Harvard University
  • Calculus One – Ohio State University & Coursera.org
  • Introduction to Finance – Coursera.org & University of Michigan

Technical Skills

  • Operating Systems: DOS, Windows 98, Windows 2000, Windows XP, Windows NT, Windows Server 2003, Windows Vista, Windows 7, Macintosh Computers (OS X), Linux (Ubuntu, Fedora)
  • Application Software: Office 97-2003; Office XP, Office 2007, Office for Mac 2011, iWork ’09, Sage Accounting Software, Sage 50 (Accounting Software), Excel 2003/2007 for Financial Modelling spreadsheets.
  • Programming Skills:HTML, CSS, Python, JavaScript, learning C and C++

Certifications / Awards:

  • Scored highest in ACCA P1 – Governance, Risk & Ethics exam – June 2012 session amongst full time international students at Kaplan Financial, London.
  • Interviewed by ACCA for “international ACCA student in UK”, interview published in January 2012 edition of ACCA Student Accountant Magazine.
  • Interviewed by ACCA for “international ACCA student in UK”, interview published in January 2012 edition of ACCA Student Accountant Magazine.

Personal Information:

  • A young, determined hard and smart working person. I believe in task based roles and complete ownership of work.
  • Languages Known:English, Hindi, Gujarati and Sindhi
  • Hobbies:I love reading Finance and IT related books / magazines, playing Chess, swimming, listening music, surfing Internet, self-learning through e-courses.

Other Information

  • Expected Salary:As per company standards
  • Area of Interest:Software Development, Programming, Start-ups, Coding, App Development, Technical Support, Support Engineer, Customer Happiness, Client service, Investment Banking, Corporate Finance, Hedge Funds, Mergers & Acquisitions, Analyst, Equity Research, Business Analysis
  • Joining Date:Immediate

Declaration

I hereby declare that the details furnished above are true and correct to the best of my knowledge and belief.

Note

 By default, browsers always place a line break before and after the <div> element. However, this can be changed with CSS.

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Close Menu