Professional Documents
Culture Documents
REPORT
REPORT
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
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:
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.
Acknowledgement
Without Mention Of Those Who Made It Possible Under Whose Guidance And
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
Abstract
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.
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
Objectives:
Html
CSS
JAVASCRIPT
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.
SDLC MODEL:
Development Technology:
Visual Studio:
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.
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>
</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="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>
<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>
<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>
<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');
});
},
onPageTransitionIn: function () {
this.find('ul.thumbs li span').css({
display: 'none'
});
}
});
});
</script>
</body>
</html>
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>
</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>
<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>
</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
</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">
<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>
</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>
</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> </strong></li>
<li><span>4370.00</span><a href="#">Diningroom
designs</a><strong> </strong></li>
<li><span>5780.00</span><a href="#">Bedroom
designs</a><strong> </strong></li>
<li><span>2300.00</span><a href="#">Bathroom
designs</a><strong> </strong></li>
<li><span>3650.00</span><a href="#">Kitchen
designs</a><strong> </strong></li>
<li class="last"><span>7900.00</span><a href="#">Yard
designs</a><strong> </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> </strong></li>
<li><span>4370.00</span><a href="#">Rooms for yong
boys</a><strong> </strong></li>
<li><span>5780.00</span><a href="#">Rooms for yong
girls</a><strong> </strong></li>
<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>
<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');
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'
});
},
onPageTransitionIn: function () {
this.find('ul.thumbs li span').css({
display: 'none'
});
}
});
});
</script>
</body>
</html>
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>
</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>
<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>
</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
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">
<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');
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>
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>
<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>
</div>
</div>
</div>
</header>
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>
</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>
</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
<!--
==============================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>
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'
});
},
onPageTransitionIn: function () {
this.find('ul.thumbs li span').css({
display: 'none'
});
}
});
});
</script>
</body>
</html>
<!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>
<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>
</div>
</div>
</header>
</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
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>
</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">
<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
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>
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'
});
},
onPageTransitionIn: function () {
this.find('ul.thumbs li span').css({
display: 'none'
});
}
});
});
</script>
</body>
</html>
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).
Reference
PRADUMAN.pdf
https://www.javatpoint.com/
https://www.w3schools.com/