Download as docx, pdf, or txt
Download as docx, pdf, or txt
You are on page 1of 66

i

Project Report
On
“HOME DESIGN”
Submitted In Partial Fulfilment For The Degree Of
Bachelor Of Computer Application
In
Department Of Computer Application
From Mohanlal Sukhadia University, Udaipur

Session: 2021-2022

Submitted By: Submitted To:


Pradhuman Singh Inda Mr. Yogesh Raj Sant
BCA Final Year BCA Department

MOHANLAL SUKHADIA UNIVERSITY, UDAIPUR


SP COLLEGE
Sarvadham Temple Sirohi
Department Of Computer Application
FEBRUARY, 2022

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME


DESIGN
ii

SESSION 2021-22

Certificate

This is to certify that the work which is being presented in the BCA major project entitled “HOME
DESIGN” HAS BEEN SUBMITTED TO THE SP COLLEGE, SIROHI fulfilment of the
requirement for the award of degree of bachelor of computer application

Date:

Place:

HEAD OF DEPARTMENT PRINCIPAL

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME


DESIGN
iii

DECLARATION

In accordance with the requirements for the degree of bachelor of computer application, in
department of computer application, I present this report entitled “HOME DESIGNThis
report is completed under the supervision of Mr. Naresh Mungiya .

I declare that the work presented in the report is my own work except as acknowledged in
the text and footnotes, and that to my knowledge this material has not been submitted either
in whole or in part, for a degree at this university or at any other such institution.

DATE: / /2022 PRADHUMAN SINGH INDA

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME


DESIGN
Table of ContentsTable of Contents iv

Acknowledgement

My Satisfaction On Successful Completion Of Practical Training Would Not Be Complete

Without Mention Of Those Who Made It Possible Under Whose Guidance And

Encouragement Helped Me To Achieve This Success.

I would like to express my gratitude towards our Director Mr.Ashutosh Patni for allowing

me to conduct HOME DESIGN project. I also feel thankful and express my kind gratitude

towards Mr. Hitesh Kumar for guiding me throughout the project. The mentioned

project was done under the supervision of Mr. Yogesh Raj Sant I thank all participants

for their positive support and guidance.I Am Deeply Indebted To Mr. Naresh Mungiya

Our Technical Guide For Giving Me The Opportunity To Work Under Her And Providing All

The Necessary Resources For The Project And The Essential Tips And Assistance While

Undergoing The Project.

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents v

Abstract

 Introduction part gives the information regarding HOME DESIGN


. It also gives brief introduction about the project .it gives a short
introduction about News.

 The next part is the requirment analysis which is mainly concerned with
study of various requirements such as user, system, hardware/software &
performance. It also includes feasibility study of system.

 It does not consist database because its static.

 Last part is regarding conclusion.

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents vi

Table of Contents

Project Report........................................................................................................................................i
Certificate..............................................................................................................................................ii
DECLARATION.......................................................................................................................................iii
Acknowledgement................................................................................................................................iv
Abstract.................................................................................................................................................v
Table of Contents..................................................................................................................................vi
Objectives:.............................................................................................................................................1
Introduction:..........................................................................................................................................2
SDLC MODEL:.........................................................................................................................................3
Development Technology:.....................................................................................................................4
Visual Studio:.........................................................................................................................................4
Implementation.....................................................................................................................................5
Contact Page CODEING......................................................................................................................5
DESIGNERS CODEING.......................................................................................................................13
DESIGNS...........................................................................................................................................25
INDEX...............................................................................................................................................36
INFORMATION PAGE CODEING...................................................................................................47
Conclusion...........................................................................................................................................58
Reference............................................................................................................................................59

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents vii

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents1

Objectives:

 Provides the searching facilities based on various factors.


 Manage the information of Item Category
 It deals with monitoring the information and transactions of Customer.
 Manage the information of hotels and road side food

Proposed plan of Work /Software used


Front-End Development:

 Html
 CSS

 JAVASCRIPT

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents2

Introduction:
The purpose of Online Sirohi Restaurant Portfolio is to automate the existing manual
system by the help of computerized equipments and full-fledged computer software,
fulfilling their requirements, so that their valuable data/information can be stored for a
longer period with easy accessing and manipulation of the same. The required software
and hardware are easily available and easy to work with.Sirohi Restaurant Portfolio, as
described above, can lead to error free, secure, reliable and fast. It can assist the user to
concentrate on their other activities rather to concentrate on the record keeping. Thus it
will help organization in better utilization of resources. The organization can maintain
computerized records without redundant entries. That means that one need not be
distracted by information that is not relevant, while being able to reach the information.

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents3

SDLC MODEL:

SDLC is a process followed for a software project, within a software


organization. It consists of a detailed plan describing how to develop, maintain,
replace and alter or enhance specific software. The life cycle defines a
methodology for improving the quality of software and the overall
development process.

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents4

Development Technology:

The System Uses HTML , CSS , JAVASCRIPT As Code Language in


Microsoft Visual Studio. Visual Studio Provides A facility to run Html, Css ,
Java script code in it

Visual Studio:

Microsoft Visual Studio is an integrated development environment (IDE)


from Microsoft. It is used to develop computer programs, as well
as websites, web apps, web services and mobile apps. Visual Studio uses
Microsoft software development platforms such as Windows API, Windows
Forms, Windows Presentation Foundation, Windows Store and Microsoft
Silverlight. It can produce both native code and managed code

Advantages:-

 Light-weight.
 Robust Architecture.
 Intelli-Sense.
 Freeware: Free of Cost- probably the best feature of all for all the
programmers out there, even more for the organizations.

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents5

Implementation
Contact Page CODEING

<!DOCTYPE html>
<html lang="en">

<head>
<title></title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/grid.css" type="text/css" media="screen">
<script src="js/jquery-1.6.2.min.js" type="text/javascript"></script>
</head>

<body id="page5">
<!--
==============================header=================================-->
<header>
<div class="row-1">
<div class="main">
<div class="container_12">
<div class="grid_12">
<nav>
<ul class="menu">
<li><a href="index.html">Home</a></li>
<li><a href="information.html">Information</a></li>
<li><a href="designs.html">Designs</a></li>
<li><a href="designers.html">Designers</a></li>
<li><a class="active" href="contacts.html">Contacts</a></li>
</ul>
</nav>
</div>

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents6

</div>
<div class="clear"></div>
</div>
</div>
<div class="row-2">
<div class="main">
<div class="container_12">
<div class="grid_9">
<h1>
<a class="logo" href="index.html">Ho<strong>m</strong>e</a>
<span>Design</span>
</h1>
</div>
<div class="grid_3">
<form id="search-form">
<fieldset>
<div class="search-field">
<input name="search" type="text" />
<a class="search-button" href="#"
onClick="document.getElementById('search-
form').submit()"><span>search</span></a>
</div>
</fieldset>
</form>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</header>

<!-- content -->


<div id="content">

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents7

<div class="bg-top">
<div class="bg-top-2">
<div class="bg">
<div class="bg-top-shadow">
<div class="main">
<div class="box">
<div class="padding">
<div class="container_12">
<div class="wrapper">
<div class="grid_12">
<div class="indent-left">
<h3 class="p2">Contact Form</h3>
<form id="fs-frm" name="simple-contact-form"
accept-charset="utf-8"
action="https://formspree.io/f/xdoboppw "
method="post">
<fieldset id="fs-frm-inputs">
<label for="full-name">Full
Name</label> <br>
<input type="text" name="name"
id="full-name"
placeholder="First and Last"
required=""> <br>
<br> <br> <label
for="email-address">Email
Address</label> <br>
<input type="email" name="mail"
id="email-address"
placeholder="email@domain.tld"
required=""> <br>
<br> <br> <label
for="message">Message</label>

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents8

<br>
<textarea rows="10" name="message"
id="message"
placeholder="Enter Message. Vivamus sagittis
lacus vel augue laoreet rutrum faucibus dolor auctor. Donec ullamcorper nulla non metus auctor
fringilla nullam quis risus."
required=""></textarea> <br>
<input type="hidden" name="_subject"
id="email-subject"
value="Contact Form Submission">
<br>
</fieldset> <br>
<br> <br> <input type="submit"
value="Submit">
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bg-bot">
<div class="main">
<div class="container_12">
<div class="wrapper">
<div class="grid_3">
<h3 class="prev-indent-bot">Our Address</h3>
<dl>

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents9

<dt class="indent-bot">Sirohi<br>Rajasthan</dt>
<dd><span>phone:</span> +91 9950420119</dd>

<dd><strong>E-mail:</strong> <a
href="#">pradhumansinghinda@gmail.com</a></dd>
</dl>
</div>
<div class="grid_9">
<h3 class="prev-indent-bot">Conclusion</h3>
Thank you for using and getting help from this site hope you found
this sitd useful and helpful and hope you injoied it too much.....
</div>
</div>
</div>
</div>
</div>
</div>

<!--
==============================footer=================================-->
<footer>
<div class="main">
<div class="container_12">
<div class="wrapper">
<div class="grid_4">
<div>
<p>Designed by: Pradhuman singh inda </p>
</div>

</div>
<div class="grid_4">
<span class="phone-numb"><span>+91</span> 9950420119</span>
</div>

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents10

<div class="grid_4">
<ul class="list-services">
<li><a href="#"></a></li>
<li><a class="item-2" href="#"></a></li>
<li><a class="item-3" href="#"></a></li>
<li><a class="item-4" href="#"></a></li>
</ul>
</div>
</div>
</div>
</div>
</footer>
<script type="text/javascript">
$(window).load(function () {
// We only want these styles applied when javascript is enabled
$('div.navigation').css({
'width': '320px',
'float': 'right'
});
$('div.content').css('display', 'block');

// Initially set opacity on thumbs and add


// additional styling for hover effect on thumbs
var onMouseOutOpacity = 0.5;
$('#thumbs ul.thumbs li span').opacityrollover({
mouseOutOpacity: onMouseOutOpacity,
mouseOverOpacity: 0.0,
fadeSpeed: 'fast',
exemptionSelector: '.selected'
});

// Initialize Advanced Galleriffic Gallery

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents11

var gallery = $('#thumbs').galleriffic({


delay: 7000,
numThumbs: 12,
preloadAhead: 6,
enableTopPager: false,
enableBottomPager: false,
imageContainerSel: '#slideshow',
controlsContainerSel: '',
captionContainerSel: '',
loadingContainerSel: '',
renderSSControls: true,
renderNavControls: true,
playLinkText: 'Play Slideshow',
pauseLinkText: 'Pause Slideshow',
prevLinkText: 'Prev',
nextLinkText: 'Next',
nextPageLinkText: 'Next',
prevPageLinkText: 'Prev',
enableHistory: true,
autoStart: 7000,
syncTransitions: true,
defaultTransitionDuration: 900,
onSlideChange: function (prevIndex, nextIndex) {
// 'this' refers to the gallery, which is an extension of $('#thumbs')
this.find('ul.thumbs li span')
.css({
opacity: 0.5
})
},
onPageTransitionOut: function (callback) {
this.find('ul.thumbs li span').css({
display: 'block'

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents12

});
},
onPageTransitionIn: function () {
this.find('ul.thumbs li span').css({
display: 'none'
});
}
});
});
</script>
</body>

</html>

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents13

DESIGNERS CODEING

<!DOCTYPE html>
<html lang="en">

<head>
<title></title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/grid.css" type="text/css" media="screen">
<script src="js/jquery-1.6.2.min.js" type="text/javascript"></script>
</head>

<body id="page4">
<!--
==============================header=================================-->
<header>
<div class="row-1">
<div class="main">
<div class="container_12">
<div class="grid_12">
<nav>
<ul class="menu">
<li><a href="index.html">Home</a></li>
<li><a href="information.html">Information</a></li>
<li><a href="designs.html">Designs</a></li>
<li><a class="active" href="designers.html">Designers</a></li>
<li><a href="contacts.html">Contacts</a></li>
</ul>
</nav>
</div>

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents14

</div>
<div class="clear"></div>
</div>
</div>
<div class="row-2">
<div class="main">
<div class="container_12">
<div class="grid_9">
<h1>
<a class="logo" href="index.html">Ho<strong>m</strong>e</a>
<span>Design</span>
</h1>
</div>
<div class="grid_3">
<form id="search-form">
<fieldset>
<div class="search-field">
<input name="search" type="text" />
<a class="search-button" href="#"
onClick="document.getElementById('search-
form').submit()"><span>search</span></a>
</div>
</fieldset>
</form>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</header>
<div class="ic">More Website Templates @ TemplateMonster.com - November22nd 2021!</div>

<!-- content -->

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents15

<section id="content">
<div class="bg-top">
<div class="bg-top-2">
<div class="bg">
<div class="bg-top-shadow">
<div class="main">
<div class="box">
<div class="padding">
<div class="container_12">
<div class="wrapper">
<div class="grid_12">
<div class="indent-left p2">

</div>
<div class="wrapper p4">
<article class="grid_4 alpha">
<div class="indent-left">
<figure class="frame2 p2"><img src="images/page4-img1.jpg"
alt="" /></figure>
<p class="color-4 prev-indent-bot">
<strong>Barbara Hawthorn:</strong></p>
<p>

Barbara Hawthorn puts her clients at ease from the start


as she listens to understand their unique goals and
personal tastes. In each setting, be it contemporary or
traditional, she creates rooms of timeless quality and
inviting beauty. Architectural details, carefully
designed lighting and colors that work from room to room
are her signature.</p>
<div class="wrapper">

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents16

</div>
</div>
</article>
<article class="grid_4">
<div class="indent3">
<figure class="frame2 p2"><img src="images/page4-img2.jpg"
alt="" /></figure>
<p class="color-4 prev-indent-bot"><strong>Bartolomei &
Company:</strong>
</p>
<p>
Ms. Bartolomei studied Art and Design in Italy before
returning to the University of Maryland to complete her
degree in Interior Design. She has continued her studies
in Fine Art, Architecture and Antiques In England,
France, Italy and at George Washington University.</p>
<div class="wrapper">

</div>
</div>
</article>
<article class="grid_4 omega">
<div class="indent-right">
<figure class="frame2 p2"><img src="images/page4-img3.jpg"
alt="" /></figure>
<p class="color-4 prev-indent-bot"><strong>David Mitchell &
Associates:</strong>
</p>
<p>
David H. Mitchell is a master interior designer that
uses his inspiration and his relationships with amazing

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents17

craftsmen painters, upholsters and furniture makers to


create beautiful, one of a kind spaces for his clients.
</p>
<div class="wrapper">

</div>
</div>
</article>
</div>
<div class="wrapper">
<article class="grid_4 alpha">
<div class="indent-left">
<figure class="frame2 p2"><img src="images/page4-img4.jpg"
alt="" /></figure>
<p class="color-4 prev-indent-bot"><strong>Melissa Broffman
Interior Design:</strong>
</p>
<p>
Melissa helps clients create a space that reflects who
they are. Whether it's a whole house renovation or a
single-room makeover, Melissa believes a successful
interior design highlights the expertise of the
designer, and more importantly speaks to the personality
of the client.

</p>
<div class="wrapper">

</div>
</div>
</article>
<article class="grid_4">

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents18

<div class="indent3">
<figure class="frame2 p2"><img src="images/page4-img5.jpg"
alt="" /></figure>
<p class="color-4 prev-indent-bot"><strong>Samantha
Friedman:</strong></p>
<p>

Samantha Friedman Interior Designs, a personalized


interior design company, is the culmination of over 9
years of experience serving clients and offering
creative solutions to their everyday needs. As an
interior designer, my goal is to create a livable design
and make you comfortable in your own home. Your home is
a reflection of who you are and I will work with you to
find the best design to reflect that.</p>
<div class="wrapper">
</div>
</div>
</article>
<article class="grid_4 omega">
<div class="indent-right">
<figure class="frame2 p2"><img src="images/page4-img6.jpg"
alt="" /></figure>
<p class="color-4 prev-indent-bot"><strong>Sroka
Design:</strong></p>
<p>

Skip Sroka practices a design philosophy that emphasizes


each client's personal tastes and lifestyle needs in
order to achieve interiors that blend fine aesthetics
with comfort and function. He feels that a new project
should look as if it has always been there; a design in

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents19

context to its surroundings. </p>


<div class="wrapper">

</div>
</div>
</article>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bg-bot">
<div class="main">
<div class="container_12">
<div class="wrapper">
<article class="grid_4">
<h3 class="p2">Studio Ramos</h3>
<div class="wrapper">
<figure class="img-indent frame2"><img src="images/page4-img7.jpg" alt=""
/></figure>
<p class="prev-indent-bot color-4">
Ricardo Ramos, an expert in design concept, development and application,
CD/custom
mill-work production, furniture/product procurement from specification to
installation, is inspired by "everything," most notably travel and culture, in his
design.</p>

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents20

</div>
</article>
<article class="grid_8">
<h3 class="prev-indent-bot2">Our Pricing</h3>
<div class="wrapper">
<div class="grid_4 alpha">
<div class="indent-right2">
<ul class="price-list">
<li><span>6700.00</span><a href="#">Livingroom
designs</a><strong>&nbsp;</strong></li>
<li><span>4370.00</span><a href="#">Diningroom
designs</a><strong>&nbsp;</strong></li>
<li><span>5780.00</span><a href="#">Bedroom
designs</a><strong>&nbsp;</strong></li>
<li><span>2300.00</span><a href="#">Bathroom
designs</a><strong>&nbsp;</strong></li>
<li><span>3650.00</span><a href="#">Kitchen
designs</a><strong>&nbsp;</strong></li>
<li class="last"><span>7900.00</span><a href="#">Yard
designs</a><strong>&nbsp;</strong></li>
</ul>
</div>
</div>
<div class="grid_4 omega">
<div class="indent-right2">
<ul class="price-list">
<li><span>6700.00</span><a href="#">Children room
designs</a><strong>&nbsp;</strong></li>
<li><span>4370.00</span><a href="#">Rooms for yong
boys</a><strong>&nbsp;</strong></li>
<li><span>5780.00</span><a href="#">Rooms for yong
girls</a><strong>&nbsp;</strong></li>

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents21

<li><span>2300.00</span><a href="#">Rooms for


teneagers</a><strong>&nbsp;</strong></li>
<li><span>3650.00</span><a href="#">Rooms for old
peoples</a><strong>&nbsp;</strong></li>
<li class="last"><span>7900.00</span><a href="#">Guestrooms
designs</a><strong>&nbsp;</strong></li>
</ul>
</div>
</div>
</div>
</article>
</div>
</div>
</div>
</div>
</section>

<footer>
<div class="main">
<div class="container_12">
<div class="wrapper">
<div class="grid_4">
<div>
<p>Designed by: Pradhuman singh inda </p>
</div>

</div>
<div class="grid_4">
<span class="phone-numb"><span>+91</span> 9950420119</span>
</div>
<div class="grid_4">
<ul class="list-services">

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents22

<li><a href="#"></a></li>
<li><a class="item-2" href="#"></a></li>
<li><a class="item-3" href="#"></a></li>
<li><a class="item-4" href="#"></a></li>
</ul>
</div>
</div>
</div>
</div>
</footer>
<script type="text/javascript">
$(window).load(function () {
// We only want these styles applied when javascript is enabled
$('div.navigation').css({
'width': '320px',
'float': 'right'
});
$('div.content').css('display', 'block');

// Initially set opacity on thumbs and add


// additional styling for hover effect on thumbs
var onMouseOutOpacity = 0.5;
$('#thumbs ul.thumbs li span').opacityrollover({
mouseOutOpacity: onMouseOutOpacity,
mouseOverOpacity: 0.0,
fadeSpeed: 'fast',
exemptionSelector: '.selected'
});

// Initialize Advanced Galleriffic Gallery


var gallery = $('#thumbs').galleriffic({
delay: 7000,

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents23

numThumbs: 12,
preloadAhead: 6,
enableTopPager: false,
enableBottomPager: false,
imageContainerSel: '#slideshow',
controlsContainerSel: '',
captionContainerSel: '',
loadingContainerSel: '',
renderSSControls: true,
renderNavControls: true,
playLinkText: 'Play Slideshow',
pauseLinkText: 'Pause Slideshow',
prevLinkText: 'Prev',
nextLinkText: 'Next',
nextPageLinkText: 'Next',
prevPageLinkText: 'Prev',
enableHistory: true,
autoStart: 7000,
syncTransitions: true,
defaultTransitionDuration: 900,
onSlideChange: function (prevIndex, nextIndex) {
// 'this' refers to the gallery, which is an extension of $('#thumbs')
this.find('ul.thumbs li span')
.css({
opacity: 0.5
})
},
onPageTransitionOut: function (callback) {
this.find('ul.thumbs li span').css({
display: 'block'
});
},

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents24

onPageTransitionIn: function () {
this.find('ul.thumbs li span').css({
display: 'none'
});
}
});
});
</script>
</body>

</html>

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents25

DESIGNS

<!DOCTYPE html>
<html lang="en">

<head>
<title></title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/grid.css" type="text/css" media="screen">
<script src="js/jquery-1.6.2.min.js" type="text/javascript"></script>
<script src="js/jcarousellite_1.0.1.js" type="text/javascript"></script>
<script src="js/jquery.galleriffic.js" type="text/javascript"></script>
<script src="js/jquery.opacityrollover.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function () {
$(".jCarouselLite").jCarouselLite({
btnNext: ".next",
btnPrev: ".prev",
speed: 400,
vertical: false,
circular: true,

visible: 4,
start: 0,
scroll: 1
});
});
</script>

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents26

</head>

<body id="page3">
<!--
==============================header===============================
==-->
<header>
<div class="row-1">
<div class="main">
<div class="container_12">
<div class="grid_12">
<nav>
<ul class="menu">
<li><a href="index.html">Home</a></li>
<li><a href="information.html">Information</a></li>
<li><a class="active" href="designs.html">Designs</a></li>
<li><a href="designers.html">Designers</a></li>
<li><a href="contacts.html">Contacts</a></li>
</ul>
</nav>
</div>
</div>
<div class="clear"></div>
</div>
</div>
<div class="row-2">
<div class="main">
<div class="container_12">
<div class="grid_9">
<h1>

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents27

<a class="logo" href="index.html">Ho<strong>m</strong>e</a>


<span>Design</span>
</h1>
</div>
<div class="grid_3">
<form id="search-form">
<fieldset>
<div class="search-field">
<input name="search" type="text" />
<a class="search-button" href="#"
onClick="document.getElementById('search-
form').submit()"><span>search</span></a>
</div>
</fieldset>
</form>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</header>

<!-- content -->


<section id="content">
<div class="bg-top">
<div class="bg-top-2">
<div class="bg">
<div class="bg-top-shadow">
<div class="main">
<div class="gallery p3">
<div class="wrapper indent-bot">

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents28

<div id="gallery" class="content">


<div class="wrapper">
<div class="slideshow-container">
<div id="slideshow" class="slideshow"></div>
</div>
</div>
</div>
<div id="thumbs" class="navigation">
<ul class="thumbs noscript">
<li>
<a class="thumb" href="images/gallery-img1.jpg" title="">
<img
src="images/thumb-1.jpg" alt="" /><span></span> </a>
</li>
<li>
<a class="thumb" href="images/gallery-img2.jpg" title="">
<img
src="images/thumb-2.jpg" alt="" /> <span></span></a>
</li>
<li>
<a class="thumb" href="images/gallery-img3.jpg" title="">
<img
src="images/thumb-3.jpg" alt="" /> <span></span></a>
</li>
<li>
<a class="thumb" href="images/gallery-img4.jpg" title="">
<img
src="images/thumb-4.jpg" alt="" /> <span></span></a>
</li>
<li>
<a class="thumb" href="images/gallery-img5.jpg" title="">
<img

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents29

src="images/thumb-5.jpg" alt="" /> <span></span></a>


</li>
<li>
<a class="thumb" href="images/gallery-img6.jpg" title="">
<img
src="images/thumb-6.jpg" alt="" /> <span></span></a>
</li>
</ul>
</div>
</div>
<div class="inner-2">
<div class="wrapper">
<span class="title t2 img-indent3">SWSI</span>
<div class="extra-wrap indent-top2">
<strong>Save With Stock Items:</strong>Custom framing,
sewing, upholstering
and other skilled labor can add a bundle to the bottom line.
Instead, stick
with stock items whenever you can: Buy off-the-shelf frames and
mats, and
trim non-valuable art prints to fit them. Buy standard blinds that
are a bit
larger than your windows and mount them outside the frames.
Snap up stock
cabinets and finish them with moldings for a custom look. Order
that sofa in
a neutral, ready-to-ship fabric and use the money you save to
splurge on
colorful throw pillows.
</div>
</div>
</div>
</div>

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents30

<div class="carousel">
<h3 class="color-1 p2">Projects Archive</h3>
<a class="prev" href="#">Prev</a>
<a class="next" href="#">Next</a>
<div class="jCarouselLite">
<ul id="carousel">
<li><a href="#"><img src="images/page3-img1.jpg" alt=""
/><span>2021</span></a>
</li>
<li><a href="#"><img src="images/page3-img2.jpg" alt=""
/><span>2022</span></a>
</li>
<li><a href="#"><img src="images/page3-img3.jpg" alt=""
/><span>2020</span></a>
</li>
<li><a href="#"><img src="images/page3-img4.jpg" alt=""
/><span>2019</span></a>
</li>
<li><a href="#"><img src="images/1.jpg" alt=""
/><span>2021</span></a></li>
<li><a href="#"><img src="images/2.jpg" alt=""
/><span>2021</span></a></li>
<li><a href="#"><img src="images/3.jpg" alt=""
/><span>2021</span></a></li>
<li><a href="#"><img src="images/4.jpg" alt=""
/><span>2021</span></a></li>
<li><a href="#"><img src="images/5.jpg" alt=""
/><span>2021</span></a></li>
</ul>
</div>
</div>
</div>
</div>
</div>

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents31

</div>
</div>
<div class="bg-bot">
<div class="main">
<div class="container_12">
<div class="wrapper">
<article class="grid_4">
<div class="indent-right2">
<h3 class="prev-indent-bot">Good design</h3>
<p class="color-4 prev-indent-bot">Good design is functional, beautiful,
rational, and
socially conscious. We design projects to enhance people's lives. There
is great
value to coming home and going to work in tranquil environments,
void of information
overload. Our clients are part of the creative process and an integral
member of the
design team, which allows our work to go beyond elegant, functional
and beautiful,
to become meaningful. </p>

</div>
</article>
<article class="grid_4">
<h3 class="p2">Formal Dining Room</h3>
<div class="wrapper">
<figure class="img-indent frame2"><img src="images/page3-img5.jpg"
alt="" /></figure>
<div class="extra-wrap">
<p class="img-indent-bot">The dining room as a glamorous but
versatile space, Custom
banquettes and tea tables occupied the corners of the room, and a
console

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents32

divided the conversation and dining areas and served as a buffet.


Upholstery in
hues of coral and blue provided an energizing backdrop. </p>
</div>
</div>
</article>
<article class="grid_4">
<h3 class="prev-indent-bot2">Family Room</h3>

The family room was intended as a multipurpose room, the center of family
activity.
Architectural panels faux-painted by The Valley Craftsmen concealed a
doorway and grounded
the seating area. Traditionally styled upholstered pieces were generously
sized. A coffee
table with pull-out stools served various functions, from dining to card
playing.

</article>
</div>
</div>
</div>
</div>
</section>

<!--
==============================footer================================
=-->
<footer>
<div class="main">
<div class="container_12">
<div class="wrapper">
<div class="grid_4">

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents33

<div>
<p>Designed by: Pradhuman singh inda </p>
</div>

</div>
<div class="grid_4">
<span class="phone-numb"><span>+91</span> 9950420119</span>
</div>
<div class="grid_4">
<ul class="list-services">
<li><a href="#"></a></li>
<li><a class="item-2" href="#"></a></li>
<li><a class="item-3" href="#"></a></li>
<li><a class="item-4" href="#"></a></li>
</ul>
</div>
</div>
</div>
</div>
</footer>
<script type="text/javascript">
$(window).load(function () {
// We only want these styles applied when javascript is enabled
$('div.navigation').css({
'width': '320px',
'float': 'right'
});
$('div.content').css('display', 'block');

// Initially set opacity on thumbs and add

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents34

// additional styling for hover effect on thumbs


var onMouseOutOpacity = 0.5;
$('#thumbs ul.thumbs li span').opacityrollover({
mouseOutOpacity: onMouseOutOpacity,
mouseOverOpacity: 0.0,
fadeSpeed: 'fast',
exemptionSelector: '.selected'
});

// Initialize Advanced Galleriffic Gallery


var gallery = $('#thumbs').galleriffic({
delay: 7000,
numThumbs: 12,
preloadAhead: 6,
enableTopPager: false,
enableBottomPager: false,
imageContainerSel: '#slideshow',
controlsContainerSel: '',
captionContainerSel: '',
loadingContainerSel: '',
renderSSControls: true,
renderNavControls: true,
playLinkText: 'Play Slideshow',
pauseLinkText: 'Pause Slideshow',
prevLinkText: 'Prev',
nextLinkText: 'Next',
nextPageLinkText: 'Next',
prevPageLinkText: 'Prev',
enableHistory: true,
autoStart: 7000,

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents35

syncTransitions: true,
defaultTransitionDuration: 900,
onSlideChange: function (prevIndex, nextIndex) {
// 'this' refers to the gallery, which is an extension of $('#thumbs')
this.find('ul.thumbs li span')
.css({
opacity: 0.5
})
},
onPageTransitionOut: function (callback) {
this.find('ul.thumbs li span').css({
display: 'block'
});
},
onPageTransitionIn: function () {
this.find('ul.thumbs li span').css({
display: 'none'
});
}
});
});
</script>
</body>

</html>

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents36

INDEX

<!DOCTYPE html>
<html lang="en">

<head>
<title></title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/grid.css" type="text/css" media="screen">
<script src="js/jquery-1.6.2.min.js" type="text/javascript"></script>
<script src="js/jquery.galleriffic.js" type="text/javascript"></script>
<script src="js/jquery.opacityrollover.js" type="text/javascript"></script>

</head>

<body id="page1">
<!--
==============================header===============================
==-->
<header>
<div class="row-1">
<div class="main">
<div class="container_12">
<div class="grid_12">
<nav>
<ul class="menu">
<li><a class="active" href="index.html">Home</a></li>
<li><a href="information.html">Information</a></li>
<li><a href="designs.html">Designs</a></li>

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents37

<li><a href="designers.html">Designers</a></li>
<li><a href="contacts.html">Contacts</a></li>
</ul>
</nav>
</div>
</div>

</div>
</div>
<div class="row-2">
<div class="main">
<div class="container_12">
<div class="grid_9">
<h1>
<a class="logo" href="index.html">Ho<strong>m</strong>e</a>
<span>Design</span>
</h1>
</div>
<div class="grid_3">
<form id="search-form">
<fieldset>
<div class="search-field">
<input name="search" type="text" />
<a class="search-button" href="#"
onClick="document.getElementById('search-
form').submit()"><span>search</span></a>
</div>
</fieldset>
</form>
</div>
<div class="clear"></div>

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents38

</div>
</div>
</div>
</header>

<!-- content -->


<div id="content">
<div class="bg-top">
<div class="bg-top-2">
<div class="bg">
<div class="bg-top-shadow">
<div class="main">
<div class="gallery p3">
<div class="wrapper indent-bot">
<div id="gallery" class="content">
<div class="wrapper">
<div class="slideshow-container">
<div id="slideshow" class="slideshow"></div>
</div>
</div>
</div>
<div id="thumbs" class="navigation">
<ul class="thumbs noscript">
<li>
<a class="thumb" href="images/gallery-img1.jpg" title="">
<img
src="images/thumb-1.jpg" alt="" /><span></span> </a>
</li>
<li>
<a class="thumb" href="images/gallery-img2.jpg" title="">
<img

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents39

src="images/thumb-2.jpg" alt="" /> <span></span></a>


</li>
<li>
<a class="thumb" href="images/gallery-img3.jpg" title="">
<img
src="images/thumb-3.jpg" alt="" /> <span></span></a>
</li>
<li>
<a class="thumb" href="images/gallery-img4.jpg" title="">
<img
src="images/thumb-4.jpg" alt="" /> <span></span></a>
</li>
<li>
<a class="thumb" href="images/gallery-img5.jpg" title="">
<img
src="images/thumb-5.jpg" alt="" /> <span></span></a>
</li>
<li>
<a class="thumb" href="images/gallery-img6.jpg" title="">
<img
src="images/thumb-6.jpg" alt="" /> <span></span></a>
</li>
</ul>
</div>
</div>
<div class="inner">
<div class="wrapper">
<span class="title img-indent3">HELLO!</span>
<div class="extra-wrap indent-top2">
<strong>When you know</strong>the basic home designing
principles you can

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents40

transform any space to look fabulous. You know what it feels like
when you
walk into a well designed room. You can sense how everything
feels cohesive
and put together. It feels just right. You can achieve that effect in
your
own home with a little knowledge of basic design principles. Pair
that
knowledge with practice and experimentation and you're on your
way to
creating a beautiful home
</div>
</div>
</div>
</div>
<div class="container_12">
<div class="wrapper">
<article class="grid_12">
<h3 class="color-1">Some Ideas </h3>
<div class="wrapper">
<article class="grid_6 alpha">
<figure class="img-indent frame"><img src="images/page1-
img1.jpg"
alt="" /></figure>
<div class="extra-wrap">
<div class="indent-top">
<ul class="list-1">
<li><a href="#">Paint</a></li>
<li class="last"><a href="#">Do It Yourself </a></li>
<li><a href="#">Call in Family and Friends</a></li>

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents41

</ul>
</div>
</div>
<div class="clear"></div>
</article>
<article class="grid_6 omega">
<figure class="img-indent frame"><img src="images/page1-
img2.jpg"
alt="" /></figure>
<div class="extra-wrap">
<div class="indent-top">
<ul class="list-1">
<li><a href="#">Shop Secondhand Stores </a></li>
<li><a href="#">Look for Less-Than-Perfect
Merchandise</a>
</li>
<li><a href="#">Save With Stock Items</a></li>

</ul>
</div>
</div>
<div class="clear"></div>
</article>
</div>
</article>
</div>
</div>
</div>
</div>
</div>
</div>

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents42

</div>
<div class="bg-bot">
<div class="main">
<div class="container_12">
<div class="wrapper">
<article class="grid_4">
<h3 class="prev-indent-bot">Balance</h3>
<p class="prev-indent-bot"> In design, balance creates a feeling of
equilibrium. It is all
about equalizing or approximating the visual weight of objects. Balance
is created not
just through shape, but through color, pattern, and texture as well.
</article>
<article class="grid_4">
<h3 class="prev-indent-bot">Rhythm</h3>
<div class="quote">
<p class="prev-indent-bot">As in music, rhythm in design is all about
creating patterns
of repetition and contrast to create visual interest. You can achieve this
by using
the same color or shape at different intervals. Its purpose is to move
your eye
around the room. For instance, you can establish a rhythm by using a
color in the
pillows, picking it up in a painting, and echoing it again in a rug. These
repetitions will help carry your eye around the room.</p>

</div>
</article>
<article class="grid_4">
<h3 class="prev-indent-bot">Harmony</h3>
Harmony is created when all the elements act together to create a unified
message. Just as

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents43

rhythm can create excitement, harmony creates a sense of restfulness. For


instance, you can
create harmony by using just one color, even though your forms vary
greatly in shape, size
and texture.
</article>
</div>
</div>
</div>
</div>
</div>

<!--
==============================footer================================
=-->
<footer>
<div class="main">
<div class="container_12">
<div class="wrapper">
<div class="grid_4">
<div>
<p>Designed by: Pradhuman singh inda </p>
</div>

</div>
<div class="grid_4">
<span class="phone-numb"><span>+91</span> 9950420119</span>
</div>
<div class="grid_4">
<ul class="list-services">
<li><a href="#"></a></li>
<li><a class="item-2" href="#"></a></li>

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents44

<li><a class="item-3" href="#"></a></li>


<li><a class="item-4" href="#"></a></li>
</ul>
</div>
</div>
</div>
</div>
</footer>
<script type="text/javascript">
$(window).load(function () {
// We only want these styles applied when javascript is enabled
$('div.navigation').css({
'width': '320px',
'float': 'right'
});
$('div.content').css('display', 'block');

// Initially set opacity on thumbs and add


// additional styling for hover effect on thumbs
var onMouseOutOpacity = 0.5;
$('#thumbs ul.thumbs li span').opacityrollover({
mouseOutOpacity: onMouseOutOpacity,
mouseOverOpacity: 0.0,
fadeSpeed: 'fast',
exemptionSelector: '.selected'
});

// Initialize Advanced Galleriffic Gallery


var gallery = $('#thumbs').galleriffic({
delay: 7000,

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents45

numThumbs: 12,
preloadAhead: 6,
enableTopPager: false,
enableBottomPager: false,
imageContainerSel: '#slideshow',
controlsContainerSel: '',
captionContainerSel: '',
loadingContainerSel: '',
renderSSControls: true,
renderNavControls: true,
playLinkText: 'Play Slideshow',
pauseLinkText: 'Pause Slideshow',
prevLinkText: 'Prev',
nextLinkText: 'Next',
nextPageLinkText: 'Next',
prevPageLinkText: 'Prev',
enableHistory: true,
autoStart: 7000,
syncTransitions: true,
defaultTransitionDuration: 900,
onSlideChange: function (prevIndex, nextIndex) {
// 'this' refers to the gallery, which is an extension of $('#thumbs')
this.find('ul.thumbs li span')
.css({
opacity: 0.5
})
},
onPageTransitionOut: function (callback) {
this.find('ul.thumbs li span').css({
display: 'block'

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents46

});
},
onPageTransitionIn: function () {
this.find('ul.thumbs li span').css({
display: 'none'
});
}
});
});
</script>
</body>

</html>

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents47

INFORMATION PAGE CODEING

<!DOCTYPE html>
<html lang="en">

<head>
<title></title>
<meta charset="utf-8">
<link rel="stylesheet" href="css/reset.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/style.css" type="text/css" media="screen">
<link rel="stylesheet" href="css/grid.css" type="text/css" media="screen">
<script src="js/jquery-1.6.2.min.js" type="text/javascript"></script>
<script src="js/jquery.galleriffic.js" type="text/javascript"></script>
<script src="js/jquery.opacityrollover.js" type="text/javascript"></script>

</head>

<body id="page1">
<!--
==============================header===============================
==-->
<header>
<div class="row-1">
<div class="main">
<div class="container_12">
<div class="grid_12">
<nav>
<ul class="menu">
<li><a class="active" href="index.html">Home</a></li>
<li><a href="information.html">Information</a></li>
<li><a href="designs.html">Designs</a></li>
<li><a href="designers.html">Designers</a></li>

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents48

<li><a href="contacts.html">Contacts</a></li>
</ul>
</nav>
</div>
</div>

</div>
</div>
<div class="row-2">
<div class="main">
<div class="container_12">
<div class="grid_9">
<h1>
<a class="logo" href="index.html">Ho<strong>m</strong>e</a>
<span>Design</span>
</h1>
</div>
<div class="grid_3">
<form id="search-form">
<fieldset>
<div class="search-field">
<input name="search" type="text" />
<a class="search-button" href="#"
onClick="document.getElementById('search-
form').submit()"><span>search</span></a>
</div>
</fieldset>
</form>
</div>
<div class="clear"></div>
</div>

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents49

</div>
</div>
</header>

<!-- content -->


<div id="content">
<div class="bg-top">
<div class="bg-top-2">
<div class="bg">
<div class="bg-top-shadow">
<div class="main">
<div class="gallery p3">
<div class="wrapper indent-bot">
<div id="gallery" class="content">
<div class="wrapper">
<div class="slideshow-container">
<div id="slideshow" class="slideshow"></div>
</div>
</div>
</div>
<div id="thumbs" class="navigation">
<ul class="thumbs noscript">
<li>
<a class="thumb" href="images/gallery-img1.jpg" title="">
<img
src="images/thumb-1.jpg" alt="" /><span></span> </a>
</li>
<li>
<a class="thumb" href="images/gallery-img2.jpg" title="">
<img
src="images/thumb-2.jpg" alt="" /> <span></span></a>

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents50

</li>
<li>
<a class="thumb" href="images/gallery-img3.jpg" title="">
<img
src="images/thumb-3.jpg" alt="" /> <span></span></a>
</li>
<li>
<a class="thumb" href="images/gallery-img4.jpg" title="">
<img
src="images/thumb-4.jpg" alt="" /> <span></span></a>
</li>
<li>
<a class="thumb" href="images/gallery-img5.jpg" title="">
<img
src="images/thumb-5.jpg" alt="" /> <span></span></a>
</li>
<li>
<a class="thumb" href="images/gallery-img6.jpg" title="">
<img
src="images/thumb-6.jpg" alt="" /> <span></span></a>
</li>
</ul>
</div>
</div>
<div class="inner">
<div class="wrapper">
<span class="title img-indent3">HELLO!</span>
<div class="extra-wrap indent-top2">
<strong>When you know</strong>the basic home designing
principles you can
transform any space to look fabulous. You know what it feels like
when you

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents51

walk into a well designed room. You can sense how everything
feels cohesive
and put together. It feels just right. You can achieve that effect in
your
own home with a little knowledge of basic design principles. Pair
that
knowledge with practice and experimentation and you're on your
way to
creating a beautiful home
</div>
</div>
</div>
</div>
<div class="container_12">
<div class="wrapper">
<article class="grid_12">
<h3 class="color-1">Some Ideas </h3>
<div class="wrapper">
<article class="grid_6 alpha">
<figure class="img-indent frame"><img src="images/page1-
img1.jpg"
alt="" /></figure>
<div class="extra-wrap">
<div class="indent-top">
<ul class="list-1">
<li><a href="#">Paint</a></li>
<li class="last"><a href="#">Do It Yourself </a></li>
<li><a href="#">Call in Family and Friends</a></li>

</ul>
</div>

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents52

</div>
<div class="clear"></div>
</article>
<article class="grid_6 omega">
<figure class="img-indent frame"><img src="images/page1-
img2.jpg"
alt="" /></figure>
<div class="extra-wrap">
<div class="indent-top">
<ul class="list-1">
<li><a href="#">Shop Secondhand Stores </a></li>
<li><a href="#">Look for Less-Than-Perfect
Merchandise</a>
</li>
<li><a href="#">Save With Stock Items</a></li>

</ul>
</div>
</div>
<div class="clear"></div>
</article>
</div>
</article>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bg-bot">

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents53

<div class="main">
<div class="container_12">
<div class="wrapper">
<article class="grid_4">
<h3 class="prev-indent-bot">Balance</h3>
<p class="prev-indent-bot"> In design, balance creates a feeling of
equilibrium. It is all
about equalizing or approximating the visual weight of objects. Balance
is created not
just through shape, but through color, pattern, and texture as well.
</article>
<article class="grid_4">
<h3 class="prev-indent-bot">Rhythm</h3>
<div class="quote">
<p class="prev-indent-bot">As in music, rhythm in design is all about
creating patterns
of repetition and contrast to create visual interest. You can achieve this
by using
the same color or shape at different intervals. Its purpose is to move
your eye
around the room. For instance, you can establish a rhythm by using a
color in the
pillows, picking it up in a painting, and echoing it again in a rug. These
repetitions will help carry your eye around the room.</p>

</div>
</article>
<article class="grid_4">
<h3 class="prev-indent-bot">Harmony</h3>
Harmony is created when all the elements act together to create a unified
message. Just as
rhythm can create excitement, harmony creates a sense of restfulness. For
instance, you can

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents54

create harmony by using just one color, even though your forms vary
greatly in shape, size
and texture.
</article>
</div>
</div>
</div>
</div>
</div>

<!--
==============================footer================================
=-->
<footer>
<div class="main">
<div class="container_12">
<div class="wrapper">
<div class="grid_4">
<div>
<p>Designed by: Pradhuman singh inda </p>
</div>

</div>
<div class="grid_4">
<span class="phone-numb"><span>+91</span> 9950420119</span>
</div>
<div class="grid_4">
<ul class="list-services">
<li><a href="#"></a></li>
<li><a class="item-2" href="#"></a></li>
<li><a class="item-3" href="#"></a></li>

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents55

<li><a class="item-4" href="#"></a></li>


</ul>
</div>
</div>
</div>
</div>
</footer>
<script type="text/javascript">
$(window).load(function () {
// We only want these styles applied when javascript is enabled
$('div.navigation').css({
'width': '320px',
'float': 'right'
});
$('div.content').css('display', 'block');

// Initially set opacity on thumbs and add


// additional styling for hover effect on thumbs
var onMouseOutOpacity = 0.5;
$('#thumbs ul.thumbs li span').opacityrollover({
mouseOutOpacity: onMouseOutOpacity,
mouseOverOpacity: 0.0,
fadeSpeed: 'fast',
exemptionSelector: '.selected'
});

// Initialize Advanced Galleriffic Gallery


var gallery = $('#thumbs').galleriffic({
delay: 7000,
numThumbs: 12,

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents56

preloadAhead: 6,
enableTopPager: false,
enableBottomPager: false,
imageContainerSel: '#slideshow',
controlsContainerSel: '',
captionContainerSel: '',
loadingContainerSel: '',
renderSSControls: true,
renderNavControls: true,
playLinkText: 'Play Slideshow',
pauseLinkText: 'Pause Slideshow',
prevLinkText: 'Prev',
nextLinkText: 'Next',
nextPageLinkText: 'Next',
prevPageLinkText: 'Prev',
enableHistory: true,
autoStart: 7000,
syncTransitions: true,
defaultTransitionDuration: 900,
onSlideChange: function (prevIndex, nextIndex) {
// 'this' refers to the gallery, which is an extension of $('#thumbs')
this.find('ul.thumbs li span')
.css({
opacity: 0.5
})
},
onPageTransitionOut: function (callback) {
this.find('ul.thumbs li span').css({
display: 'block'
});

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents57

},
onPageTransitionIn: function () {
this.find('ul.thumbs li span').css({
display: 'none'
});
}
});
});
</script>
</body>

</html>

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents58

Conclusion

My purpose in writing this book was to expand on that part of the design
process defined as conceptual thinking, which gives birth to the ideas inherent
in a design scheme. I am hopeful that readers will gain further insight into this
important generative stage in designing, and that their future work will have
more body and substance than they have hitherto experienced. There are many
books as I have referred to in my text that are excellent in their coverage of the
field of interior design, design theory, geometry and the human form, but I have
always found something lacking in explaining where the creative spark comes
from. Of course some designers may say that they had a ‘eureka’ moment whilst
climbing a mountain, or driving long distance, or just falling off to sleep. This
fortuitous and unplanned occurrence is not something that can be relied upon if
there are deadlines involved. So in breaking up the process of conceptualising
into the seven categories as outlined in this book, I have been pleased about
how this kind of analytical thinking has been pertinent to this difficult field of
interior design.The software was used in the design ( HTML, JS, CSS).

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN


Table of ContentsTable of Contents59

Reference

 PRADUMAN.pdf
 https://www.javatpoint.com/
 https://www.w3schools.com/

DEPARTMENT OF COMPUTER APPLICATION SP COLLEGE SIROHI HOME DESIGN

You might also like