Assignment 10

Assignment No :- 10
(Program on Master Page)
Name: Mrunal Balaso Khot Subject: ASP.NET Class: BCS-III

Roll No: 60 Batch No: 1
Q1 Design a “College website” to demonstrate master page and content pages in

ASP.NET
Site1.master:
Source code:
<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Site1.master.cs"
Inherits="Assignment10.Forms.Master.Site1" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>College Website</title>
<style>
html, body {
overflow-x: hidden;
</style>
<link href="../../CSS/Gallery.css" rel="stylesheet" />
<link href="../../CSS/AboutUs.css" rel="stylesheet" />
<link href="../../CSS/Master.css" rel="stylesheet" />
<link href="../../CSS/StyleSheet1.css" rel="stylesheet" />
<link href="../../CSS/Contact.css" rel="stylesheet" />
<link href="../../CSS/Courses.css" rel="stylesheet" />
<script src="../../JS/Menu.js"></script>
</head>
<body>
<header>
<div id="head">
<div id="leftHead">
<img src="../../Resources/KWC_SANGLI_Logo.png" />
</div>
<div id="rightHead">
Assignment No :- 10

<h3 id="Society">Latthe Education Society’s</h3>
<h2 id="ClgName">Smt. Kasturbai Walchand College of Arts And Science, Sangli</h2>
<h5 id="ClgAddress">Rajnemi Campus, North Shivajinagar, Sangli-4116416 (Maharashtra),

India<br>Accredited by NAAC (3rd Cycle) with 'B' Grade (CGPA)</h5>
</div>
<div class="menu">
<ul>
<li><a href="../ContentPage/HomePage.aspx">Home</a></li>
<li><a href="../ContentPage/AboutUs.aspx">About Us</a></li>
<li><a href="../ContentPage/Courses.aspx">Courses</a></li>
<li><a href="../ContentPage/Gallery1.aspx">Gallery</a></li>
<li><a href="../ContentPage/ContactUs.aspx">Contact Us</a></li>
</ul>
</div>
</div>
</header>
<form>
<div class="container">
<asp:ContentPlaceHolder ID="MainContent" runat="server"></asp:ContentPlaceHolder>
</div>
</form>
<footer>
<ul class="footer-links">
<li><a href="#">Shivaji University</a></li>
<li><a href="#">MahaDBT Scholarship</a></li>
<li><a href="#">National Scholarship Portal</a></li>
<li><a href="#">Online Admission</a></li>
<li><a href="#">UGC</a></li>
</ul></footer></body></html>
Assignment No :- 10

Master.css:
*{
padding: 0;
margin: 0;
#head {
display: block;
body {
color:white;
background: linear-gradient(90deg, #131417, var(--dark) 35% 65%, #131417);
#logo {
width: 120px;
height: auto;
border-radius: 20px;
#leftHead {
float: left;
width: 120px;
height: 161px;
#rightHead {
float: left;
width: 490px;
#Society {
font-family: Chiller;
}
Assignment No :- 10

#ClgName {
font-weight: 80;
font-family: 'Bernard MT Condensed', Georgia, 'Times New Roman', Times, serif;
color: rgb(212, 39, 39);
#ClgAddress {
color:white;
font-family: 'Comic Sans MS';
#head {
height: auto;
clear: both;
#body {
width: 1080px;
height: auto;
overflow-x: hidden;
#leftBody {
display: inline-block;
.menu {
display: inline-
block; margin-left:
35px; margin-top:
35px;
.menu ul {
list-style-type: none;
margin: 0;
Assignment No :- 10

padding: 0;
.menu ul li {
display: inline;
.menu ul li a {
text-decoration: none;
color: ivory;
padding: 10px 20px;
.menu ul li a:hover {
color: salmon;
.menu ul li a.active {
background-color: #4CAF50;
color: white;
border-radius: 15px;
header {
top:
0;
width: 100%;
display:block;
}.container {
display: block;
flex-direction: column;
justify-content:
center; align-items:
center;
Assignment No :- 10

margin-top: 161px;
margin-bottom: 50px;
footer {
bottom: 0;
width: 100%;
background: linear-gradient(90deg, #131417, var(--dark) 35% 65%, #131417);
padding: 10px
0; text-align:
right; direction:
rtl;
animation: moveText 10s linear infinite;
@keyframes moveText {
from {
transform: translateX(100%);
to {
transform: translateX(-100%);
.footer-links li {
display: inline;
margin-right: 20px;
.footer-links li:last-child
{ margin-right: 0;
.footer-links li {
Assignment No :- 10

display: inline;
margin: 0px 90px 0px 50px;
.footer-links li a {
color: ivory;
.footer-links li a:hover
{ color: cyan;
HomePage.aspx:
Source code:
<%@ Page Title="" Language="C#" MasterPageFile="~/Forms/Master/Site1.Master"
AutoEventWireup="true" CodeBehind="HomePage.aspx.cs"
Inherits="Assignment10.Forms.ContentPage.HomePage" %>
<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
<div class="home-content">
<h1 id="wel">Welcome <br/>to <br/> Smt. Kasturbai Walchand College of Arts And Science,
Sangli</h1>
<p>This is a prestigious institution under the Latthe Education Society, dedicated to providing
quality education in arts and science disciplines.</p>
<p>Our college is located in the serene Rajnemi Campus, North Shivajinagar, Sangli. We are
accredited by NAAC (3rd Cycle) with a 'B' Grade (CGPA).</p>
<p>Explore our website to learn more about the courses we offer, our esteemed faculty, various
activities, and facilities.</p>
<div class="quotes">
<blockquote class="quote">
"Education is the passport to the future, for tomorrow belongs to those who prepare for it
today." - Malcolm X
</blockquote>
<blockquote class="quote">
Assignment No :- 10

"The beautiful thing about learning is that no one can take it away from you." - B.B. King
</blockquote>
</div>
</div>
</asp:Content>
Home.css:
#wel{
margin-top:30px;
.home-content {
text-align: center;
padding: 25px;
font-family: Arial, sans-
serif; color: white;
margin: 30px 0 40px 0;
.home-content h1
{ font-size:
36px;
background: linear-gradient(to right,#339aff, #ffda33, #33ff57, #339aff, #8333ff, #ff33e0);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
animation: colorChange 15s linear
infinite;
.home-content p {
font-size: 18px;
line-height: 1.6;
Assignment No :- 10

color: white;
@keyframes colorChange
{ 0% {
-webkit-text-fill-color: #ff5733;
100% {
-webkit-text-fill-color: #ff33e0;
.home-content p:hover
{ color: #ff5733;
transition: color 0.3s ease;
.quotes {
margin-top: 20px;
.quote {
font-family: 'Arial', sans-
serif; font-size: 16px;
color: #666;
position: relative;
animation: fadeIn 10s
ease;
@keyframes fadeIn {
from {
opacity: 0;
Assignment No :- 10

to {
opacity: 1;
ContactUs.aspx:
Source code:
AutoEventWireup="true" CodeBehind="ContactUs.aspx.cs"
Inherits="Assignment10.Forms.ContentPage.ContactUs" %>
<h1>Contact Us</h1>
<div class="form-group">
<label for="name">Name:</label>
<input type="text" id="name" name="name" required="required"/>
</div>
<label for="email">Email:</label>
<input type="email" id="email" name="email" required="required"/>
</div>
<label for="message">Message:</label>
<textarea id="message" name="message" rows="5" required="required"></textarea>
</div>
<button type="submit">Send Message</button>
</div>
</asp:Content>
Contact.css:
.container {
Assignment No :- 10

width: 60%;
margin: 50px
auto; color:white;
padding: 20px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
h1 {
text-align: center;
color: #333;
.form-group {
label {
display: block;
font-weight: bold;
margin-bottom: 5px;
color:white;
input[type="text"],
input[type="email"],
textarea {
width: 100%;
padding: 10px;
border: 1px solid
#ccc; border-radius:
5px;
textarea {
Assignment No :- 10

resize: vertical;
button {
display: block;
width: 100%;
padding: 10px;
background-color: #007bff;
color: #fff;
border: none;
border-radius: 5px;
cursor: pointer;
transition: background-color 0.3s ease;
button:hover {
background-color: #0056b3;
AboutUs.aspx:
Source code:
AutoEventWireup="true" CodeBehind="AboutUs.aspx.cs"
Inherits="Assignment10.Forms.ContentPage.AboutUs" %>
<div class="content">
<ul class="team">
<li class="member co-funder college">
<div class="thumb"> <img src="../../Resources/College.jpg" /> </div>
<div class="description">
<h3 style="font-size:19px;">Smt. Kasturbai Walchand College</h3>
<p>
Assignment No :- 10

Smt. Kasturbai Walchand College, located in Sangli, Maharashtra, is a renowned

institution dedicated to providing quality education in arts and science disciplines. Established under
the Latthe Education Society, the college boasts a rich history of academic excellence and
community service.
</p>
</div>
</li>
<li class="member co-funder infrastructure">
<div class="thumb"> <img src="../../Resources/Infrastructure.jpg" /> </div>
<h3>Infrastructure</h3>
<p>
The college's infrastructure includes modern and well-equipped classrooms, furnished

with state-of-the-art facilities to enhance the learning experience. Equipped with audio-visual aids
and interactive teaching tools, these classrooms offer an engaging environment for students to
actively participate in lectures, discussions, and practical sessions.
</p>
</div>
</li>
<li class="member co-funder student_life">
<div class="thumb"> <img src="../../Resources/StudentLife.jpg" /> </div>
<h3>Student Life</h3>
<p>
Student life at Smt. Kasturbai Walchand College is vibrant, dynamic, and enriching,
offering a plethora of opportunities for personal growth, academic engagement, and extracurricular
involvement.
</p>
</div>
</li>
<li class="member co-funder Staff">
<div class="thumb"> <img src="../../Resources/TeachingFaculty.jpg" /> </div>

Assignment No :- 10

<h3>Faculty and Staff</h3>
<p>
The teaching staff at Smt. Kasturbai Walchand College comprises a team of

dedicated professionals who are committed to academic excellence, mentorship, and student
success. With a diverse range of expertise and qualifications, the faculty members play a pivotal
role in shaping the educational experience and fostering a culture of learning and innovation.
</p>
</div>
</li>
</ul>
</div>
</asp:Content>
AboutUs.css:
@import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400&display=swap");
:root {
--yellow: #ffdd40;
--dark: #2f313a;
--deg: -86deg;
--trans: all 0.4s ease 0s;
body *,
body *:before,
body *:after {
box-sizing: border-box;
.content {
width: 90vmin;
h2 {
Assignment No :- 10

text-align: center;
.team {
padding: 2em 0 2em 2.5em;
margin: 0;
font-family: "Lato", Arial, Helvetica,
serif; font-size: 1em;
.member {
margin: 1.5em 0 0.5em;
padding: 0.73em;
background: linear-gradient( 83deg, var(--yellow) 0 97%, #fff0 calc(97% + 1px) 100% );
position: relative;
list-style: none;
transform: scale(0.85);
transition: var(--trans);
.member:nth-of-type(even) {
text-align: right;
background: linear-gradient( -83deg, var(--yellow) 0 97%, #fff0 calc(97% + 1px) 100% );
.thumb {
width: 13vmin;
height: 13vmin;
float: left;
margin-right: 1.25em;
background: linear-gradient( var(--deg), var(--dark) 0 70%, var(--yellow) 0% 100%
); transform: rotate(-4deg);
Assignment No :- 10

border-radius: 0.25em;
overflow: hidden;
margin-left: -3em;
padding: 0.5em;
.member:nth-of-type(even) .thumb {
--deg: 86deg;
float: right;
margin-left: 2em;
margin-right: -3em;
transform: rotate(4deg);
.thumb img {
width: 100%;
height: 100%;
filter: grayscale(1);
background: var(--dark);
.member:hover {
transform: scale(1);
filter: drop-shadow(0px 20px 10px #0008);
.member:hover .thumb {
padding: 0.1em;
transform: rotate(-1deg);
Assignment No :- 10

--deg: -89deg;
.member:nth-of-type(even):hover .thumb {
--deg: 91deg;
.member:hover .thumb img
{ filter: none;
.description {
padding-top: 1vmin;
.description p {
padding: 0 2em;
margin-bottom: 1em;
h3 {
background: linear-gradient(182deg, #fff0 60%, var(--dark) 0 100%);
display: inline;
position: absolute;
margin: 0;
margin-top: -2.25em;
left: 9vmin;
padding: 0.5em 0.75em;
color: var(--yellow);
font-size: 1.35em;
transform-origin: left bottom;}

Assignment No :- 10

.member:nth-of-type(even) h3
{ left: inherit;
right: 9vmin;
transform-origin: right bottom;
background: linear-gradient(-182deg, #fff0 60%, var(--dark) 0 100%);
.member:hover h3 {
background: linear-gradient(180deg, #fff0 59%, var(--dark) 0 100%);
.co-funder:after {
font-size: 0.75em;
position: absolute;
top: -1.5em;
background: var(--yellow);
right: 4em;
padding: 0.35em 0.75em 0.5em;
color: var(--dark);
font-weight: bold;
.college:after {
content: "Vibrant";
.infrastructure:after {
content: "Modern";}
Assignment No :- 10

.student_life:after {
content: "Dynamic";
.Staff:after {
content: "Dedicated";
.co-funder:nth-of-type(even):after {
right: inherit;
left: 4em;
.description p a {
margin: 0.5em 0 0 0;
background: var(--dark);
color: var(--yellow);
padding: 0.1em 0.5em 0.35em;
.description p a:hover {
color: var(--dark);
background: var(--
yellow); font-weight:
bold;
}
Assignment No :- 10

.description p a img {
float: left;
width: 22px;
filter: invert(1);
padding: 2px;
background: #fff;
margin-right: 2px;
Courses.aspx:-
Source Code:
AutoEventWireup="true" CodeBehind="Courses.aspx.cs"
Inherits="Assignment10.Forms.ContentPage.Courses" %>
<header class="page-header">
<h1>Courses - IT Subjects</h1>
</header>
<main>
<div class="course" id="programming">
<h2>Introduction to Programming</h2>
<p class="info">This course provides an introduction to the fundamental concepts of

programming using a high-level programming language.</p>
<p>This course introduces students to basic programming concepts such as variables,

control structures, and functions.</p>
</div>
<div class="course" id="database">
<h2>Database Management Systems</h2>
<p class="info">This course covers the principles and practices of designing, implementing,
and managing database systems.</p>
Assignment No :- 10

<p>This course covers topics like database design, SQL queries, normalization, and
transaction management.</p>
</div>
<div class="course" id="webdev">
<h2>Web Development</h2>
<p class="info">This course introduces students to the concepts and techniques used in
developing interactive websites and web applications.</p>
<p>Students will learn HTML, CSS, JavaScript, and popular web

development frameworks.</p>
</div>
</main>
</div>
</asp:Content>
Courses.css:
.container {
max-width: 800px;
margin: 0 auto;
padding: 20px;
.page-header {
color: #fff;
padding: 20px;
text-align:
center;
border-radius: 8px;
p{
color:black;
}
Assignment No :- 10

.course {
background-color: #f9f9f9;
padding: 20px;
border-radius: 8px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
.course h2 {
color: #007bff;
margin-top: 0;
.course .info {
display: none;
font-style: italic;
color: #555;
.course:hover .info
{ display: block;
.course p {
footer {
color: #fff;
padding: 20px;
text-align: center;
border-radius: 8px;
Assignment No :- 10

margin-top: 20px;
Output:-
Assignment No :- 10


Assignment 10

Uploaded by

Document Information

Original Description:

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Assignment 10

Uploaded by

Copyright:

Available Formats

Assignment No :- 10

(Program on Master Page)

Name: Mrunal Balaso Khot Subject: ASP.NET Class: BCS-III

Q1 Design a “College website” to demonstrate master page and content pages in

<link href="../../CSS/Gallery.css" rel="stylesheet" />

<link href="../../CSS/AboutUs.css" rel="stylesheet" />

<link href="../../CSS/Master.css" rel="stylesheet" />

<link href="../../CSS/StyleSheet1.css" rel="stylesheet" />

<link href="../../CSS/Contact.css" rel="stylesheet" />

<link href="../../CSS/Courses.css" rel="stylesheet" />

<img src="../../Resources/KWC_SANGLI_Logo.png" />

Name: Mrunal Balaso Khot Subject: ASP.NET Class: BCS-III

<h3 id="Society">Latthe Education Society’s</h3>

<h2 id="ClgName">Smt. Kasturbai Walchand College of Arts And Science, Sangli</h2>

<h5 id="ClgAddress">Rajnemi Campus, North Shivajinagar, Sangli-4116416 (Maharashtra),

<li><a href="../ContentPage/AboutUs.aspx">About Us</a></li>

<li><a href="../ContentPage/ContactUs.aspx">Contact Us</a></li>

<asp:ContentPlaceHolder ID="MainContent" runat="server"></asp:ContentPlaceHolder>

<li><a href="#">Shivaji University</a></li>

<li><a href="#">MahaDBT Scholarship</a></li>

<li><a href="#">National Scholarship Portal</a></li>

<li><a href="#">Online Admission</a></li>

Name: Mrunal Balaso Khot Subject: ASP.NET Class: BCS-III

background: linear-gradient(90deg, #131417, var(--dark) 35% 65%, #131417);

Name: Mrunal Balaso Khot Subject: ASP.NET Class: BCS-III

font-family: 'Bernard MT Condensed', Georgia, 'Times New Roman', Times, serif;

color: rgb(212, 39, 39);

font-family: 'Comic Sans MS';

Name: Mrunal Balaso Khot Subject: ASP.NET Class: BCS-III

padding: 10px 20px;

Name: Mrunal Balaso Khot Subject: ASP.NET Class: BCS-III

background: linear-gradient(90deg, #131417, var(--dark) 35% 65%, #131417);

animation: moveText 10s linear infinite;

Name: Mrunal Balaso Khot Subject: ASP.NET Class: BCS-III

margin: 0px 90px 0px 50px;

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">

Name: Mrunal Balaso Khot Subject: ASP.NET Class: BCS-III

font-family: Arial, sans-

serif; color: white;

margin: 30px 0 40px 0;

background: linear-gradient(to right,#339aff, #ffda33, #33ff57, #339aff, #8333ff, #ff33e0);

animation: colorChange 15s linear

Name: Mrunal Balaso Khot Subject: ASP.NET Class: BCS-III

transition: color 0.3s ease;

font-family: 'Arial', sans-

serif; font-size: 16px;

animation: fadeIn 10s

Name: Mrunal Balaso Khot Subject: ASP.NET Class: BCS-III

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">

<input type="text" id="name" name="name" required="required"/>

<input type="email" id="email" name="email" required="required"/>

<textarea id="message" name="message" rows="5" required="required"></textarea>

<button type="submit">Send Message</button>

Name: Mrunal Balaso Khot Subject: ASP.NET Class: BCS-III

box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);

border: 1px solid

Name: Mrunal Balaso Khot Subject: ASP.NET Class: BCS-III

transition: background-color 0.3s ease;

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">

<li class="member co-funder college">

<div class="thumb"> <img src="../../Resources/College.jpg" /> </div>

<h3 style="font-size:19px;">Smt. Kasturbai Walchand College</h3>