0% found this document useful (0 votes)
7 views14 pages

Ans 13

This is the information.

Uploaded by

extra0848
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
0% found this document useful (0 votes)
7 views14 pages

Ans 13

This is the information.

Uploaded by

extra0848
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 14

Question 13: Introduction to Active Server Pages (ASP) dot Net and create the

Master page to display resume contents.


Program:

ASP.NET is a web framework designed and developed by Microsoft. It is used to


develop websites, web applications and web services. It provides fantastic integration
of HTML, CSS and JavaScript. It was first released in January 2002. It is built on the
Common Language Runtime (CLR) and allows programmers to write code using any
supported .NET language.
Our ASP.NET Tutorial includes all topics of ASP.NET Tutorial such as ASP.Net
introduction, features, project, example, server controls, labels, textbox, button,
hyperlink, radiobutton, calender, checkbox, fileupload, events handling,
authentication, webforms model binding, html server control, compare validdator,
range validator, validation summary, mvc introduction, mvc project, view, validation,
entity framework, authentication etc..
It is a web framework designed and developed by Microsoft. It is used to develop
websites, web applications and web services. It provides fantastic integration of
HTML, CSS and JavaScript. It was first released in January 2002. It is built on the
Common Language Runtime (CLR) and allows programmers to write code using any
supported .NET language.
ASP.NET is a part of Microsoft .NET Framework. The following image shows the
component stack.

1
Program:

1.Master Page=Site1.Master
<%@ Master Language="C#" AutoEventWireup="true"
CodeBehind="Site1.master.cs" Inherits="WebApplication2.Site1" %>
<!--This page contain navigation bar and footer-->
<!DOCTYPE html>

<html>
<head runat="server">
<title>Resume</title>
<asp:ContentPlaceHolder ID="head" runat="server">
</asp:ContentPlaceHolder>
<link rel="stylesheet" type=text/css href="master.css">
</head>
<body>

2
<nav>
<ul>
<li><a href="resume.aspx">Resume</a></li>
<li><a href="gallery.aspx">Gallery</a></li>
<li><a href="contact.aspx">Contact</a></li>
</ul>
</nav>
<div>
<asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">
</asp:ContentPlaceHolder>
</div>
<footer>Copyright© 2021 | All Rights Are Reserved</footer>
</body>
</html>
2.Resume Page=resume.aspx
<%@ Page Title="Resume" Language="C#" MasterPageFile="~/Site1.Master"
AutoEventWireup="true" CodeBehind="resume.aspx.cs"
Inherits="WebApplication2.WebForm1" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<link rel="stylesheet" type=text/css href="resume.css">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1"
runat="server">
<div id="middleArea1">
<div id="middleArea1a">
<img src="images\8.jpg" alt="Image not Loaded">
<div id="middleArea1a1">
<h2>Mohd Saqib</h2>
<p>Diploma in Computer Engineering,Jamia Millia Islamia<br>New
Delhi,110025<br>Contact No:+919548097513 <br>
Email:[email protected]</p>
</div>
</div>

3
<div id="middleArea1b">
<h2>Objective:</h2>
<p> A reliable and detailed-oriented individual looking to work as software
engineer. Offering expertise in Java,HTML,C++,and core web design.
</p>
</div>
<hr>
<div id="middleArea1c">
<h2>Personal Background:</h2>
<p>Date Of Birth:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;08/07/2003<br>
Civil Status:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;Single<br>
Gender:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Male<br>
Citizenship:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;Indian<br>
Height:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;5'5''<br>
Weight:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;47kgs<br>
</p>
</div>
<hr>
<div id="middleArea1d">
<h2>Educational Attainment:</h2>
<p>University and Course:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;Jamia Millia Islamia,New Delhi,Diploma in Computer Engineering<br>
Secondary Education<br>
Highschool:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

4
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Central Board of Secondary
Education<br>
</p>
</div>
<hr>
<div id="middleArea1e">
<h2>Skills:</h2>
<ul>
<li><p>Communication</p></li>
<li><p>Problem Solving</p></li>
<li><p>Leadership</p></li>
<li><p>Collaboration & Teamwork</p></li>
</ul>
</div>
<hr>
</asp:Content>
3.Gallery Page=gallery.aspx
<%@ Page Title="Gallery" Language="C#" MasterPageFile="~/Site1.Master"
AutoEventWireup="true" CodeBehind="gallery.aspx.cs"
Inherits="WebApplication2.WebForm2" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<link rel="stylesheet" type=text/css href="gallery.css">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1"
runat="server">
<div id="middleArea1">
<h2>Gallery</h2>
<div id="middleArea1a">
<img src="images\sa.jpg" class="image" alt="not Loaded">
<img src="images\saq.jpg" class="image" alt="not Loaded">

5
<img src="images\saqi.jpg" class="image" alt="not Loaded">
<img src="images\saqib.jpg" class="image" alt="not Loaded">
<img src="images\saqibb.jpg" class="image" alt="not Loaded">
<img src="images\saqibbbb.jpg" class="image" alt="not Loaded">
</div>
</div>
</asp:Content>
4.Contact Page=contact.aspx

<%@ Page Title="Contact Us" Language="C#" MasterPageFile="~/Site1.Master"


AutoEventWireup="true" CodeBehind="contact.aspx.cs"
Inherits="WebApplication2.WebForm3" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
<link rel="stylesheet" type=text/css href="contact.css">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1"
runat="server">
<div id="middleArea1">
<h2>Contact</h2>
<div id="middleArea1a">
<a href="tel:+919759955376">Call us at +919548097513</a>
<a href="https://api.whatsapp.com/send?phone=+919548097513"
target="_blank">Chat with us on Whatsapp</a>
<a href="https://www.instagram.com/m_saqib /" target="_blank">Follow me
On Instagram</a>
<a href="https://www.facebook.com/saqib_navodayan"
target="_blank">Follow me On Facebook</a>
</div>
</div>

6
</asp:Content>
5.CSS Master Page=master.css
*{
margin:0;
padding:0;
}
body {
background: black;
width: 80vw;
margin: auto;
display: flex;
flex-direction: column;
align-items: center;
}
nav {
display: flex;
justify-content: center;
align-items: center;
}
nav ul{
display:flex;
list-style:none;
margin-top:2vh;
}
nav ul li{
margin:3vh;
}
nav a {
color: white;
font-weight: bold;
text-decoration: none;
padding: 1vh;
background: #6b5a5c;

7
border-radius: .5vh;
font-size: 4vh;
}
nav a:hover {
background: #73323a;
}
footer {
color: white;
text-align: center;
color: white;
text-align: center;
font-size: 3vh;
width:80vw;
}

6.CSS Resume Page=resume.css

#middleArea1 {
width: 79vw;
margin:auto;
margin-top: 2vh;
margin-bottom: 2vh;
box-shadow: 0 0 2vh #1057da;
background: white;
display:flex;
flex-direction:column;
align-items:center;
}
#middleArea1 p {
font-size: 3.5vh;
}
#middleArea1a{
width:79vw;
display:flex;

8
}
#middleArea1a img {
width: 16vw;
height: 31vh;
border-radius: 15vh;
margin: 2vh;
}
#middleArea1a1{
width:61vw;
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
}
#middleArea1b,#middleArea1c{
padding:2vh;
}
hr{
width:79vw;
}
#middleArea1c {
margin-left:-57vw;
}
#middleArea1d{
padding:2vh;
margin-left:-15vw;
}
#middleArea1e {
padding: 2vh;
margin-left: -56vw;
}
#middleArea1e ul{
margin-left:2vw;

9
}

7.CSS Gallery Page=gallery.css


#middleArea1 {
width: 79vw;
margin: auto;
margin-top: 2vh;
margin-bottom: 2vh;
box-shadow: 0 0 2vh #1057da;
background: white;
display: flex;
flex-direction:column;
justify-content:center;
}
#middleArea1 h2{
text-align:center;
margin-top:2vh;
}
#middleArea1a{
width:70vw;
margin:auto;
display:grid;
grid-template-columns:1fr 1fr 1fr;
}
.image {
margin: 1vh;
width: 22vw;
height: 32vh;
border-radius: 2vh;
box-shadow: 0 0 3vh blue;
}
8.CSS Contact Page=contact.css
#middleArea1 {

10
width: 79vw;
margin: auto;
margin-top: 2vh;
margin-bottom: 2vh;
box-shadow: 0 0 2vh #1057da;
background: white;
display: flex;
flex-direction: column;
align-items: center;
}
#middleArea1a{
display:flex;
flex-direction:column;
}
#middleArea1 a {
box-shadow: 0 0 1vh blue;
margin: 2vh;
padding: 2vh;
text-decoration: none;
color: #18356b;
font-weight: bold;
}

11
Output:
1.Resume Page

12
2. Gallery Page

3 . Contact Page

13
14

You might also like