Scribd
Upload
13 views

Assignment 10

The document describes a college website created using ASP.NET master pages and content pages. It includes the code for the Site1.master page, which contains the header, navigation menu, and footer. It also defines styles in the Master.css stylesheet. The document also includes the code for the HomePage.aspx content page, which displays content in the <asp:Content> section. The HomePage.aspx page references the Site1.master page and also includes Home.css styles. The master page allows for consistent styling across content pages while each content page can display unique content in the defined content area.

Uploaded by

chala.hava.eudya.zee0
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
13 views

Assignment 10

The document describes a college website created using ASP.NET master pages and content pages. It includes the code for the Site1.master page, which contains the header, navigation menu, and footer. It also defines styles in the Master.css stylesheet. The document also includes the code for the HomePage.aspx content page, which displays content in the <asp:Content> section. The HomePage.aspx page references the Site1.master page and also includes Home.css styles. The master page allows for consistent styling across content pages while each content page can display unique content in the defined content area.

Uploaded by

chala.hava.eudya.zee0
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 24

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
(Program on Master Page)

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


Roll No: 60 Batch No: 1

<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
(Program on Master Page)

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


Roll No: 60 Batch No: 1

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
(Program on Master Page)

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


Roll No: 60 Batch No: 1

#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
(Program on Master Page)

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


Roll No: 60 Batch No: 1

padding: 0;

.menu ul li {

display: inline;

.menu ul li a {

display: inline-block;

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
(Program on Master Page)

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


Roll No: 60 Batch No: 1

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
(Program on Master Page)

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


Roll No: 60 Batch No: 1

display: inline;

margin: 0px 90px 0px 50px;

.footer-links li a {

text-decoration: none;

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
(Program on Master Page)

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


Roll No: 60 Batch No: 1

"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;

margin-bottom: 20px;

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
(Program on Master Page)

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


Roll No: 60 Batch No: 1

color: white;

margin-bottom: 20px;

@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;

margin-bottom: 20px;

position: relative;

animation: fadeIn 10s

ease;

@keyframes fadeIn {

from {

opacity: 0;
Assignment No :- 10
(Program on Master Page)

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


Roll No: 60 Batch No: 1

to {

opacity: 1;

ContactUs.aspx:
Source code:
<%@ Page Title="" Language="C#" MasterPageFile="~/Forms/Master/Site1.Master"
AutoEventWireup="true" CodeBehind="ContactUs.aspx.cs"
Inherits="Assignment10.Forms.ContentPage.ContactUs" %>

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

<div class="container">

<h1>Contact Us</h1>

<div class="form-group">

<label for="name">Name:</label>

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

</div>

<div class="form-group">

<label for="email">Email:</label>

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

</div>

<div class="form-group">

<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
(Program on Master Page)

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


Roll No: 60 Batch No: 1

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 {

margin-bottom: 20px;

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
(Program on Master Page)

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


Roll No: 60 Batch No: 1

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:
<%@ Page Title="" Language="C#" MasterPageFile="~/Forms/Master/Site1.Master"
AutoEventWireup="true" CodeBehind="AboutUs.aspx.cs"
Inherits="Assignment10.Forms.ContentPage.AboutUs" %>

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

<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
(Program on Master Page)

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


Roll No: 60 Batch No: 1

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>

<div class="description">

<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>

<div class="description">

<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
(Program on Master Page)

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


Roll No: 60 Batch No: 1

<div class="description">

<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
(Program on Master Page)

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


Roll No: 60 Batch No: 1

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;

display: inline-block;

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
(Program on Master Page)

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


Roll No: 60 Batch No: 1

transition: var(--trans);

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%;

border-radius: 0.25em;

filter: grayscale(1);

background: var(--dark);

.member:hover {

transform: scale(1);

transition: var(--trans);

filter: drop-shadow(0px 20px 10px #0008);

.member:hover .thumb {

padding: 0.1em;

transition: var(--trans);

transform: rotate(-1deg);
Assignment No :- 10
(Program on Master Page)

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


Roll No: 60 Batch No: 1

--deg: -89deg;

.member:nth-of-type(even):hover .thumb {

--deg: 91deg;

.member:hover .thumb img

{ filter: none;

transition: var(--trans);

.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;

transform: rotate(-2deg);

position: absolute;

margin: 0;

margin-top: -2.25em;

left: 9vmin;

padding: 0.5em 0.75em;

color: var(--yellow);

border-radius: 0.25em;

font-size: 1.35em;

transform-origin: left bottom;}


Assignment No :- 10
(Program on Master Page)

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


Roll No: 60 Batch No: 1

.member:nth-of-type(even) h3

{ left: inherit;

right: 9vmin;

transform: rotate(2deg);

transform-origin: right bottom;

background: linear-gradient(-182deg, #fff0 60%, var(--dark) 0 100%);

.member:hover h3 {

transition: var(--trans);

transform: rotate(0deg);

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;

transform: rotate(3deg);

padding: 0.35em 0.75em 0.5em;

border-radius: 0.25em;

color: var(--dark);

font-weight: bold;

.college:after {

content: "Vibrant";

.infrastructure:after {

content: "Modern";}
Assignment No :- 10
(Program on Master Page)

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


Roll No: 60 Batch No: 1

.student_life:after {

content: "Dynamic";

.Staff:after {

content: "Dedicated";

.co-funder:nth-of-type(even):after {

right: inherit;

left: 4em;

transform: rotate(-3deg);

.description p a {

display: inline-block;

margin: 0.5em 0 0 0;

background: var(--dark);

color: var(--yellow);

padding: 0.1em 0.5em 0.35em;

border-radius: 0.5em;

text-decoration: none;

transition: var(--trans);

.description p a:hover {

transition: var(--trans);

color: var(--dark);

background: var(--

yellow); font-weight:

bold;

}
Assignment No :- 10
(Program on Master Page)

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


Roll No: 60 Batch No: 1

.description p a img {

float: left;

width: 22px;

filter: invert(1);

border-radius: 0.15em;

padding: 2px;

background: #fff;

margin-right: 2px;

Courses.aspx:-
Source Code:
<%@ Page Title="" Language="C#" MasterPageFile="~/Forms/Master/Site1.Master"
AutoEventWireup="true" CodeBehind="Courses.aspx.cs"
Inherits="Assignment10.Forms.ContentPage.Courses" %>

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

<div class="container">

<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
(Program on Master Page)

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


Roll No: 60 Batch No: 1

<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 {

background-color: #007bff;

color: #fff;

padding: 20px;

text-align:

center;

margin-bottom: 20px;

border-radius: 8px;

p{

color:black;

}
Assignment No :- 10
(Program on Master Page)

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


Roll No: 60 Batch No: 1

.course {

background-color: #f9f9f9;

padding: 20px;

margin-bottom: 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 {

margin-bottom: 10px;

footer {

background-color: #007bff;

color: #fff;

padding: 20px;

text-align: center;

border-radius: 8px;
Assignment No :- 10
(Program on Master Page)

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


Roll No: 60 Batch No: 1

margin-top: 20px;

Output:-
Assignment No :- 10
(Program on Master Page)

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


Roll No: 60 Batch No: 1

You might also like