Ans 13
Ans 13
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:
08/07/2003<br>
Civil Status:
Single<br>
Gender:
Male<br>
Citizenship:
Indian<br>
Height:
5'5''<br>
Weight:
47kgs<br>
</p>
</div>
<hr>
<div id="middleArea1d">
<h2>Educational Attainment:</h2>
<p>University and Course:
Jamia Millia Islamia,New Delhi,Diploma in Computer Engineering<br>
Secondary Education<br>
Highschool:
4
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
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;
}
#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
}
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