Sachin Foujdar , BCA Third Year

HTML & CSS Assignment
Submitted By
Sachin Foujdar
BCA – 3rd Year
Dezyne E’ cole College
106/10, Civil Lines, Ajmer
Tel: 0145-2624679
www.dezyneecole.com
2015-2016
A WORK REPORT SUBMITTED
IN PARTIAL FULLFILLMENT OF THE REQUIREMENT FOR
THE DEGREE
Bachelor of Computer Application

Acknowledgement
This Website(College Calligraphy Event) create in “HTML & CSS” was
developed at Dezyne E’cole College.
During the making of this project I have learnt a lot and I thank my mentor
Mr. Tarun Sharma for helping us during the making of project.
I thank my college “Dezyne E’cole College” for having conducted this
“Identity” exhibition for helping us to bring out our skill.
With due Regards,
Sachin Foujdar
BCA 3rd Year

In the following pages I am showcasing my work.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Calligraphy 2016</title>
<link href="css/main.css" rel="stylesheet" type="text/css"
/>
</head>
<body>
<div id="frame0">
HTML CODE
College Calligraphy Event Website

<h1>Dezyne E'cole College Calligraphy Event 2016 </h1>
<p> </p>
</div>
<div class="w3gallery">
<a tabindex="1"><img src="images/1.jpg"></a>
</div>
<div style="text-align:center; margin-top:10px;">You can
also use <strong>tab</strong> or
<strong>(shift+tab)</strong> keyboard button to switch
between images.
<br><br>
<script type="text/javascript">

</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show
_ads.js">
</script>
<br>
<br>
</div>
</body>
</html>

CSS CODE
/* layout styles */
* {
margin:0;
padding:0;
}
body {
background-color:#fff;
font:14px/1.3 Verdana, sans-serif;
color:#333;
}
a {
color:#09C;
}
#frame0 {
background-color: #F7F7F7;
border: 1px solid #EEEEEE;
border-radius: 2px 2px 2px 2px;
margin: 30px auto auto;
padding: 10px;
width: 750px;
}
/* Photo Gallery styles */
.w3gallery {
margin: 50px auto 0;
width: 800px;
}
.w3gallery a {
display: inline-block;
height: 135px;
position: relative;

width: 180px;
/* Prevent selections CSS3*/
-moz-user-select: none;
-webkit-user-select: none;
-khtml-user-select: none;
user-select: none;
}
.w3gallery a img {
border: 8px solid #fff;
border-bottom: 20px solid #fff;
cursor: pointer;
display: block;
height: 100%;
left: 0px;
position: absolute;
top: 0px;
width: 100%;
z-index: 1;
border-radius: 2px 2px 2px 2px;
/* Box sizing property CSS3*/
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
/* transition rules CSS3*/
-webkit-transition: all 1.0s ease;
-moz-transition: all 1.0s ease;
-o-transition: all 1.0s ease;
transition: all 1.0s ease;
/* Box Shadow CSS3*/
-moz-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.6);

-webkit-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.6);
-o-box-shadow: 0 1px 3px rgba(34, 25, 25, 0.6);
box-shadow: 0 1px 3px rgba(34, 25, 25, 0.6);
}
/* Defined CSS3 rotate transformation */
.w3gallery a:nth-child(1) img {
-moz-transform: rotate(-10deg);
-webkit-transform: rotate(-10deg);
transform: rotate(-10deg);
}
}
}
}
-moz-transform: rotate(10deg);
-webkit-transform: rotate(10deg);
transform: rotate(10deg);
}

}
}
}
}
}
}

}
.w3gallery a:focus img {
cursor: default;
height: 250%;
left: -150px;
top: -100px;
position: absolute;
width: 250%;
z-index: 25;
/* transition rules CSS3*/
-webkit-transition: all 1.0s ease;
-moz-transition: all 1.0s ease;
-o-transition: all 1.0s ease;
transition: all 1.0s ease;
/* transform rules CSS3*/
-o-transform: rotate(0deg);
}

Thank You…
SACHIN FOUJDAR
Bachelor of Computer
Application
Dezyne E’cole College
106/10, CIVIL LINES
AJMER
RAJASTHAN - 305001 (INDIA)
www.dezyneecole.com

Sachin Foujdar , BCA Third Year

Recommended

Recommended

More Related Content

Similar to Sachin Foujdar , BCA Third Year

Similar to Sachin Foujdar , BCA Third Year (20)

More from Dezyneecole

More from Dezyneecole (20)

Recently uploaded

Recently uploaded (20)

Sachin Foujdar , BCA Third Year