Rakesh Bijawat , BCA Third Year

INFORMATION TECHNOLOGY
PROJECT REPORT
HTML PROGRAMMING
Topic:
Website
HTMLSubmitted By:
Rakesh Bijawat
Bachelors of Computer Application Ist
Year
Dezyne E´cole College
www.dezyneecole.com

Project Report
On
HTML & CSS
At
Ajmer
Submitted by:-
Towards The
Partial Fulfillment on
BCA
(Bachelors of Computer Application)
By
Rakesh Bijawat
106/10, Civil lines, Ajmer
Tel.-0145-2624679
www.dezyneecole.com

Acknowledgement
I Rakesh Bijawat, Student of Dezyne E´Cole College, I Am Extremely
Grateful To Each And Every Individual Who Has Contributed In
Successful Completion of My Project. I Express My Gratitude
Towards Dezyne E´Cole College For Their Guidance And Contrast
Supervision As Well As For Providing The Necessary Information And
Support Regarding The Completion Of Project.
Thank You
Rakesh Bijawat
BCA Ist Year

Synopsis
This Project Is A Minor Project Made, Based On The Practical Concept Of
HTML & CSS. This Project Has Made Our Basic Practical Concepts On HTML
& CSS Strong.

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Dezyne E'cole College | Dezyne E'cole College Ajmer</title>

<link rel="stylesheet" type="text/css"
href="source/jquery.fancybox.css?v=2.1.5" media="screen" />
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link href="css/bootstrap-theme.min.css" rel="stylesheet"
type="text/css"/>
<link href="css/bootstrap-theme.css" rel="stylesheet" type="text/css"/>
<link href="css/megamenu.css" rel="stylesheet" type="text/css"
media="all"/>
<link href="css/style.css" rel="stylesheet" type="text/css"/>
<link href="css/style1.css" rel="stylesheet" type="text/css"/>
<script src="js/jquery-1.10.2.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/prefixfree.min.js"></script>
<script type="text/javascript" src="js/megamenu.js"></script>
<script type="text/javascript"
src="source/jquery.fancybox.js?v=2.1.5"></script>
<script>$(document).ready(function(){$(".megamenu").megamenu();})
;</script>

</script>
<style>
.carousel-control.right,.carousel-control.left{
background-image:none
}
.carousel-control.right span,.carousel-control.left span{
padding:8px 10px;
background:#FF8000;
border-radius:25px;
width:50px;
height:50px
}
</style>
</head>
<body>
<div class="container-fluid">
<div class="row header">
<div class="col-xs-6 col-sm-2">
<a href="index.php"><img src="images/logo.png" class="img-
responsive"/></a>
</div>
<div class="col-xs-6 col-sm-3 col-sm-push-7 text-right social-box">
<div class="cont span_2_of_c1 pull-right">
<div class="social">
<ul>

<h2 class="heading" >Dezyne E'cole College</h2>
<strong class="hedinglogo1">Approved by government of
Rajasthan</strong>
</div>
</div>
<div class="row">
<div class="col-sm-12" style="background:linear-
gradient(#ffb902,#ff9a00);">
<div class="header-bottom">
<div class="wrap">

<ul class="megamenu skyblue">
<li><a class="color1"
href="index.php">Home</a></li>
<li class="grid"><a class="color1"
href="javascript:void(0)">About us</a>
<div class="megapanel">
<div class="row">
<div class="col2">
<div class="h_nav">
<h4>Decole</h4>
<ul>
<li><a href="decole-
advantage.php">Decole Advantage</a></li>
<li><a href="directormsg.php">Director
Message</a></li>

<li><a href="learning.php">360 <sup
style="font-size:9px">o</sup> Learning</a></li>
</ul>
</div>
</div>
<div class="col2">
<div class="h_nav">
<h4>People</h4>
<ul>
<li><a href="advisory-
board.php">Advisory Board member</a></li>
<li><a
href="faculty.php">Faculty</a></li>

</ul>
</div>
</div>
<div class="col2">
<div class="h_nav">
<h4>Linkages</h4>
<ul>
<li><a href="affiliation-
authorization.php">Affiliations & Training Partners</a></li>

<li><a href="industry-govt-
link.php">Industry and Govt. Linkages</a></li>
</ul>
</div>
</div>
</div>
</div>
</li>
<li class=" grid"><a class="color1"
href="javascript:void(0)">Campus</a>
<div class="row">
<div class="col3">
<div class="h_nav">
<h4>Campus</h4>
<ul>
<li><a href="ajmer.php">Ajmer</a></li>
<li><a
href="campus.php">Campus</a></li>
</ul>
</div>
</div>
</div>

</div>
</li>
href="javascript:void(0)">Courses</a>
<div class="row">
<div class="col3">
<div class="h_nav">
<h4>Undergraduate Programme</h4>
<strong class="text-warning" style="font-
size:13px">
Courses Affiliated to MDS University
College Approved by Goverment of Rajasthan
</strong><br/>
<small style="font-size:12px" class="text-
danger">Department of Management Studies </small>
<ul>
<li><a href="bba-
course.php">BBA</a></li>
</ul>
danger">Department of information Technology</small>
<ul>
<li><a href="bca-course.php">BCA
</a></li>
</ul>

danger">Department of Design</small>
<ul>
<li><a href="fashion-design.php">B.Sc -
Fashion Technology</a></li>
<li><a href="interior-design.php">B.Sc -
Interior Design</a></li>
</ul>
</div>
</div>
<div class="col3">
<div class="h_nav">
<h4>Post Graduate Degree Programme</h4>
danger">Department of Design</small>
<ul>
<li><a href="fashion-design-
msc.php">M.Sc - Fashion Technology</a></li>
<li><a href="interior-design-
msc.php">M.Sc - Interior Design</a></li>
</ul>
</div>
<div class="h_nav">
<h4>Vocational Studies in Design</h4>
danger">Fashion Design</small>
<ul>

<li><a href="women-
fashion.php">Women's Wear Design</a></li>
<li><a href="men-fashion.php">Men's
Wear Design</a></li>
</ul>
danger">Interior Design</small>
<ul>
<li><a href="residential-
interior.php">Residential Design</a></li>
<li><a href="commercial-
interior.php">Commercial Design</a></li>
</ul>
</div>
</div>
</div>
</div>
</li>
<li class="grid"><a class="color1"
href="javascript:void(0)">Portfolio</a>
<div class="row">
<div class="col3">
<div class="h_nav">
<h4>Fashion Technology</h4>
<ul>

<li><a href="fashion-
portfolio.php">Fashion Technology Portfolio</a></li>
</ul>
</div>
</div>
<div class="col3">
<div class="h_nav">
<h4>Interior Design</h4>
<ul>
<li><a href="residential-interior-
portfolio.php">Residential Design</a></li>
<li><a href="commercial-interior-
portfolio.php">Commercial Design</a></li>
</ul>
</div>
</div>
</div>
<div class="row">
<div class="col3">
<div class="h_nav">
<h4>Information Technology</h4>
<ul>

<li><a href="information-technology-
portpolio.php">Information Technology</a></li>
</ul>
</div>
</div>
<div class="col3">
<div class="h_nav">
<h4>Management</h4>
<ul>
<li><a
href="management.php">Management</a></li>
</ul>
</div>
</div>
</div>
</div>
</li>
href="javascript:void(0)">Events</a>
<div class="row">
<div class="col3">
<div class="h_nav">

<h4>All Events</h4>
<ul>
<li><a
href="exhibition.php">Identity</a></li>
<li><a
href="annual_function.php">Kaleidoscope</a></li>
<li><a
href="current_events.php">Current Activities</a></li>
</ul>
</div>
</div>
</div>
</div>
</li>
href="placements.php">Placements</a></li>
<li><a class="color1" href="smart-city.php">Smart
City</a></li>
href="javascript:void(0)">Contact us</a>
<div class="row">
<div class="col3">
<div class="h_nav">

<h4>Contact us</h4>
<ul>
<li><a href="contactus.php">Contact
Details</a></li>
<li><a href="enquiry.php">Enquiry
Form</a></li>
<li><a href="#">Website Details</a></li>
</ul>
</div>
</div>
</div>
</div>
</li>

</ul>
<div class="clear"></div>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid" style="background:#f5f5f5;">
<div class="row">

<div class="item">
<img src="img/aboutus/aboutus3.jpg" alt="Third slide">
</div>
<div class="item">
<img src="img/aboutus/aboutus4.jpg" alt="Four slide">
</div>
<div class="item">
<img src="img/aboutus/aboutus5.jpg" alt="Fifth slide">
</div>
</div>
<a class="left carousel-control" href="#myCarousel" data-
slide="prev">
<span class="glyphicon glyphicon-chevron-left"></span>
</a>
<a class="right carousel-control" href="#myCarousel" data-
slide="next">
<span class="glyphicon glyphicon-chevron-right"></span>
</a>
</div>
<div class="stript">
<div class="row">
<div class="col-xs-10">
<h3 class="heading">
<a href="learning.php">WELCOME TO DEZYNE
E'COLE</a><br/>

<small>Today a Reader Tomorrow a leader</small>
</h3>
</div>
<span class="glyphicon glyphicon-chevron-right
rightArrow"></span>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid" style="background:#f5f5f5;">
<div class="container" style="background:#fff; border:1px solid
#e1e1e1 ">
<div class="row">
<br/>
<div id="myCarousel1" class="carousel slide" data-
ride="carousel">
<img src="img/courses.jpg" alt="First slide" class="img-
responsive" width="100%">
</div>

</div>
</div>
<div class="stript1">
<div class="row">
<a href="fashion-design.php">EXPLORE OUR
COURSES</a><br/>
<small>learn more about our faculty of Design,
Management Studies, Information studies & Vacational Studies.</small>
</h3>
</div>
rightArrow"></span>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<center><img src="images/border.jpg" style="text-
ride="carousel">

<li data-target="#myCarousel2" data-slide-to="0"
<li data-target="#myCarousel2" data-slide-to="1"></li>
</ol>-->
<img src="img/portfolio/portfolio.jpg" alt="First slide"
</div>
<div class="item">
<img src="img/portfolio/portfolio1.jpg" alt="Second
slide" width="100%">
</div>
</div>
<a class="left carousel-control" href="#myCarousel2"
data-slide="prev">
</a>
<a class="right carousel-control" href="#myCarousel2"
data-slide="next">
<span class="glyphicon glyphicon-chevron-
right"></span>
</a>
</div>

<div class="row">
<a href="fashion-
portfolio.php">PORTFOLIO</a><br/>
<small>Students more portfolio from the Design,
Information and Management Studies.</small>
</h3>
</div>
rightArrow"></span>
</div>
</div>
</div>
</div>
</div>
<div class="row">
ride="carousel">

<a href="exhibition.php">EVENTS</a><br/>
<small>know more about our events &
activities</small>
</h3>
</div>
rightArrow"></span>
</div>
</div>
</div>
</div>
</div>
<div class="row">
ride="carousel">
<img src="img/placement1.jpg" alt="First slide"
</div>

</div>
<div class="row">
<a href="#">PLACEMENTS</a>
</h3>
</div>
rightArrow"></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<br/>
<hr/>
<br/>
<img src="img/affiliation.jpg" class="img-responsive">
</div>
</div>

</div>
</div>
<div class="container-fluid">
<div class="row" style="background:#5B0000">
<div class="container">
<div class="row" style="padding:10px 5px">
<div class="col-xs-6" style="color:#fff">
<strong>All Rights Reserved. Dezyne E'cole
College</strong>
</div>

</div>
</div>
</div>
</div>
</div>
</body>
</html>

CSS Coding
/*index page css start*/
#container #images { width:100%;
height:650px;
background:#f00;
}
#container #images img { width:100%;
height:100%;
}
#container #row { width:70%;
height:100px;
background:;
margin:0 0 0 -50px;}
#container #row #sub { width:100%;
height:100%;
background:;}
#container #row #sub img { width:100%;
height:100%}
#container #row1 { width:70%;
height:100px;

background:;
margin:0 0 0 451px;}
#container #row #sub1 { width:100%;
height:100%;
background:;}
#container #row #sub1 img { width:100%;
height:100%}
#container #slide { width:6%;
height:90px;
margin:-135px 0 0 700px;
position:relative;
}
#container #slide img { width:100%;
height:100%;
opacity:0.2;
}
#container #slide img a{ text-decoration:none;
color:#f00;
}
#container #slide a:hover img { opacity:0.9;}

Rakesh Bijawat , BCA Third Year

Recommended

Recommended

More Related Content

What's hot

What's hot (20)

Similar to Rakesh Bijawat , BCA Third Year

Similar to Rakesh Bijawat , BCA Third Year (20)

More from Dezyneecole

More from Dezyneecole (20)

Recently uploaded

Recently uploaded (20)

Rakesh Bijawat , BCA Third Year