final site changes
This commit is contained in:
Karen
parent
77eb530663
commit
d69b9b0906
|
|
@ -1,74 +0,0 @@
|
|||
/*
|
||||
Skin Name: Nivo Slider Default Theme
|
||||
Skin URI: http://nivo.dev7studios.com
|
||||
Skin Type: flexible
|
||||
Description: The default skin for the Nivo Slider.
|
||||
Version: 1.0
|
||||
Author: Gilbert Pellegrom
|
||||
Author URI: http://dev7studios.com
|
||||
*/
|
||||
|
||||
.theme-default .projectSlider {
|
||||
position:relative;
|
||||
background:#fff url(file:///C|/KAREN/urbanstudioFINAL/nivo-slider2.6/nivo-slider/themes/default/loading.gif) no-repeat 50% 50%;
|
||||
-webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
|
||||
-moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
|
||||
box-shadow: 0px 1px 5px 0px #4a4a4a;
|
||||
}
|
||||
.theme-default .projectSlider img {
|
||||
position:absolute;
|
||||
top:0px;
|
||||
left:0px;
|
||||
display:none;
|
||||
}
|
||||
.theme-default .projectSlider a {
|
||||
border:0;
|
||||
display:block;
|
||||
}
|
||||
|
||||
.theme-default .nivo-controlNav {
|
||||
position:absolute;
|
||||
left:50%;
|
||||
bottom:-42px;
|
||||
margin-left:-40px; /* Tweak this to center bullets */
|
||||
}
|
||||
.theme-default .nivo-controlNav a {
|
||||
display:block;
|
||||
width:22px;
|
||||
height:22px;
|
||||
background:url(../img/bullets.png) no-repeat;
|
||||
text-indent:-9999px;
|
||||
border:0;
|
||||
margin-right:3px;
|
||||
float:left;
|
||||
}
|
||||
.theme-default .nivo-controlNav a.active {
|
||||
background-position:0 -22px;
|
||||
}
|
||||
|
||||
.theme-default .nivo-directionNav a {
|
||||
display:block;
|
||||
width:30px;
|
||||
height:30px;
|
||||
background:url(file:///C|/KAREN/urbanstudioFINAL/nivo-slider2.6/nivo-slider/themes/default/arrows.png) no-repeat;
|
||||
text-indent:-9999px;
|
||||
border:0;
|
||||
}
|
||||
.theme-default a.nivo-nextNav {
|
||||
background-position:-30px 0;
|
||||
right:15px;
|
||||
}
|
||||
.theme-default a.nivo-prevNav {
|
||||
left:15px;
|
||||
}
|
||||
|
||||
.theme-default .nivo-caption {
|
||||
font-family: Helvetica, Arial, sans-serif;
|
||||
}
|
||||
.theme-default .nivo-caption a {
|
||||
color:#fff;
|
||||
border-bottom:1px dotted #fff;
|
||||
}
|
||||
.theme-default .nivo-caption a:hover {
|
||||
color:#fff;
|
||||
}
|
||||
|
|
@ -1,163 +0,0 @@
|
|||
/*#example {
|
||||
width:600px;
|
||||
height:350px;
|
||||
position:relative;
|
||||
}*/
|
||||
|
||||
/*#ribbon {
|
||||
position:absolute;
|
||||
top:-3px;
|
||||
left:-15px;
|
||||
z-index:500;
|
||||
}*/
|
||||
|
||||
/*#frame {
|
||||
position:absolute;
|
||||
z-index:0;
|
||||
width:739px;
|
||||
height:341px;
|
||||
top:-3px;
|
||||
left:-80px;
|
||||
}*/
|
||||
#slidesContainer {
|
||||
/*padding:10px;*/
|
||||
position:relative;
|
||||
z-index:0;
|
||||
/*background-color:blue;*/
|
||||
width:600px;
|
||||
/*height:450px;*/ /*removed this so pagination could happen nicely one line below the other*/
|
||||
margin-top:78px;
|
||||
margin-right:20px;
|
||||
float:left;}
|
||||
|
||||
|
||||
/*
|
||||
Slideshow
|
||||
*/
|
||||
|
||||
#slidesDiv {
|
||||
/*position:absolute;
|
||||
top:15px;
|
||||
left:4px;*/
|
||||
width:600px;
|
||||
margin:0 auto;
|
||||
z-index:100;
|
||||
float:left;
|
||||
}
|
||||
|
||||
/*
|
||||
Slides container
|
||||
Important:
|
||||
Set the width of your slides container
|
||||
Set to display none, prevents content flash
|
||||
*/
|
||||
|
||||
.slidesInner {
|
||||
width:600px;
|
||||
overflow:hidden;
|
||||
position:relative;
|
||||
display:none;
|
||||
margin:0 auto;}
|
||||
|
||||
/*
|
||||
Each slide
|
||||
Important:
|
||||
Set the width of your slides
|
||||
If height not specified height will be set by the slide content
|
||||
Set to display block
|
||||
*/
|
||||
|
||||
.slidesInner a{
|
||||
width:600px;
|
||||
height:450px;
|
||||
display:block;
|
||||
margin:0 auto;}
|
||||
|
||||
.slidesInner img {
|
||||
display:block;
|
||||
margin:0 auto; /*why doesn't this work? worked when i had the a tag in the html*/
|
||||
|
||||
}
|
||||
|
||||
|
||||
.slidesInner a img {
|
||||
display:block;
|
||||
margin:0 auto;}
|
||||
|
||||
|
||||
/*
|
||||
Next/prev buttons
|
||||
*/
|
||||
|
||||
#slidesDiv .next,#slidesDiv .prev {
|
||||
position:absolute;
|
||||
top:207px;
|
||||
left:0px;
|
||||
/*width:30px;
|
||||
height:30px;*/
|
||||
display:block;
|
||||
z-index:101;
|
||||
}
|
||||
|
||||
#slidesDiv .next {
|
||||
left:570px;
|
||||
}
|
||||
|
||||
/*
|
||||
Pagination
|
||||
*/
|
||||
|
||||
.pagination {
|
||||
margin:0 auto;
|
||||
width:450px;
|
||||
margin-top:6px;
|
||||
} /*need to center this*/
|
||||
|
||||
.pagination li {
|
||||
float:left;
|
||||
margin:0 3px;
|
||||
list-style:none;
|
||||
}
|
||||
|
||||
.pagination li a {
|
||||
display:block;
|
||||
width:12px;
|
||||
height:0;
|
||||
padding-top:12px;
|
||||
|
||||
background-image:url(../img/paginations.png);
|
||||
background-position:0 0;
|
||||
float:left;
|
||||
overflow:hidden;
|
||||
margin-bottom:6px;
|
||||
}
|
||||
|
||||
.pagination li.current a {
|
||||
background-position:0 -12px;
|
||||
}
|
||||
|
||||
/*
|
||||
Footer
|
||||
*/
|
||||
|
||||
/*#footer {
|
||||
text-align:center;
|
||||
width:580px;
|
||||
margin-top:9px;
|
||||
padding:4.5px 0 18px;
|
||||
border-top:1px solid #dfdfdf;
|
||||
}
|
||||
|
||||
#footer p {
|
||||
margin:4.5px 0;
|
||||
font-size:1.0em;
|
||||
}
|
||||
|
||||
/*
|
||||
Anchors
|
||||
*/
|
||||
|
||||
.prev, .next {
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
|
|
@ -1,4 +1,4 @@
|
|||
#slider /*scrollbar gets triggered which hovering over the slider sometimes.*/
|
||||
#slider
|
||||
{
|
||||
width:750px;
|
||||
height:563px;
|
||||
|
|
|
|||
|
|
@ -1,21 +1,22 @@
|
|||
|
||||
.content {
|
||||
width:600px;
|
||||
font-family:Geneva, Helvetica, Arial, 'DejaVu Sans', sans-serif;
|
||||
font-size:16px;
|
||||
line-height:18px;
|
||||
color:#e3e3e3; /*formerly a2a1a1*/
|
||||
background-color:rgb(8,0,8);
|
||||
line-height:20px;
|
||||
color:#b1b1b1;
|
||||
background-color:rgb(4,0,4);
|
||||
margin:0 auto;
|
||||
margin-top:78px;
|
||||
margin-bottom:20px;
|
||||
padding:20px;
|
||||
text-align:justify;
|
||||
border:4px groove #4d4c4c;
|
||||
display:none;}
|
||||
border:1px dotted #555;
|
||||
display:none;
|
||||
}
|
||||
|
||||
.content a {
|
||||
text-decoration:none;
|
||||
color:#e3e3e3;
|
||||
color:#b1b1b1;
|
||||
}
|
||||
|
||||
.content a:hover {
|
||||
|
|
@ -23,5 +24,6 @@ border-bottom:1px solid #db7232;
|
|||
color:#db7232;
|
||||
}
|
||||
|
||||
#showContent
|
||||
{display:block;}
|
||||
#showContent {
|
||||
display:block;
|
||||
}
|
||||
|
|
@ -18,17 +18,18 @@ clear:both;
|
|||
width:100%;
|
||||
min-width:1000px; /*TBC to suit layout*/
|
||||
min-height:100%; /*required for sticky footer*/
|
||||
height:100%;
|
||||
height: auto !important;
|
||||
margin:0 auto;
|
||||
}
|
||||
margin-bottom:-48px;}
|
||||
|
||||
#main {
|
||||
padding-bottom:48px;
|
||||
min-height:617px; /*to keep logo from jutting into footer at lower resolutions*/
|
||||
overflow:auto;
|
||||
}
|
||||
padding-top:78px;
|
||||
padding-bottom:20px;
|
||||
}
|
||||
|
||||
#logo {/*slightly too long for 1024 resolution in IE on scrolling down, what to do?*/
|
||||
position:fixed;
|
||||
#logo {
|
||||
position:absolute;
|
||||
top:74px;
|
||||
left:6px;
|
||||
z-index:9999;
|
||||
|
|
@ -39,7 +40,7 @@ display:none;
|
|||
position:fixed;
|
||||
top:0px;
|
||||
width:100%;
|
||||
min-width:850px;
|
||||
min-width:1000px;
|
||||
height:36px;
|
||||
text-align:center;
|
||||
background-color:#000; /*fallback for old browsers*/
|
||||
|
|
@ -49,9 +50,10 @@ background: -webkit-linear-gradient(top, #494a4a 0%,#000000 100%); /* Chrome10+,
|
|||
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#494a4a', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
|
||||
background: linear-gradient(top, #494a4a 0%,#000000 100%); /* W3C */
|
||||
padding-top:18px;
|
||||
-moz-box-shadow:2px 2px 18px #666;
|
||||
-webkit-box-shadow:2px 2px 18px #666;
|
||||
box-shadow:2px 2px 18px #666;
|
||||
border-bottom:1px solid #222;
|
||||
-moz-box-shadow:2px 2px 18px #555;
|
||||
-webkit-box-shadow:2px 2px 18px #555;
|
||||
box-shadow:2px 2px 18px #555;
|
||||
z-index:10000;
|
||||
}
|
||||
|
||||
|
|
@ -61,29 +63,40 @@ font-family:"Century Gothic", "Arial Narrow", Helvetica, Arial, sans-serif;
|
|||
font-size:16px;
|
||||
text-align:center;
|
||||
text-transform:uppercase;
|
||||
margin-right:24px;
|
||||
margin-left:24px;
|
||||
margin-right:20px;
|
||||
margin-left:20px;
|
||||
padding:5px;
|
||||
}
|
||||
|
||||
#menu li a {
|
||||
text-decoration:none;
|
||||
color:#c1c1c1; /*formerly a2a1a1*/
|
||||
color:#c1c1c1;
|
||||
}
|
||||
|
||||
#menu li a:hover {
|
||||
color:#db7232; /*previously af1650*/
|
||||
#menu li a:hover, #menu li a:active {
|
||||
color:#db7232;
|
||||
border-bottom:1px solid #a2a1a1;
|
||||
}
|
||||
|
||||
#menu li a:focus {
|
||||
color:#db7232;
|
||||
border-bottom:1px solid #a2a1a1;
|
||||
outline:none;
|
||||
}
|
||||
|
||||
.menuSelected
|
||||
{
|
||||
color:#db7232;
|
||||
}
|
||||
|
||||
.orange {
|
||||
color:#db7232;
|
||||
}
|
||||
|
||||
#names
|
||||
{
|
||||
font-family:"Arial Narrow", Arial, Helvetica, 'DejaVu Sans', sans-serif ;
|
||||
font-size:16px;
|
||||
font-family:Arial, Helvetica, 'DejaVu Sans', sans-serif ;
|
||||
font-size:14px;
|
||||
color:#db7232;
|
||||
text-align:center;
|
||||
position:absolute;
|
||||
|
|
@ -95,11 +108,14 @@ right:26px;
|
|||
padding-bottom:4px;
|
||||
}
|
||||
|
||||
#footer /*too much top margin, which doesn't show in IE*/
|
||||
#pushFooter {
|
||||
height:48px;
|
||||
}
|
||||
|
||||
#footer
|
||||
{
|
||||
width:100%;
|
||||
height:30px;
|
||||
margin-top:-48px;
|
||||
padding-top:18px;
|
||||
font-family:'Franklin Gothic Medium', 'Arial Narrow', Tahoma, Geneva, sans-serif; /*TBC ??*/
|
||||
font-size:12px;
|
||||
|
|
|
|||
|
|
@ -1,105 +0,0 @@
|
|||
/*
|
||||
* jQuery Nivo Slider v2.6
|
||||
* http://nivo.dev7studios.com
|
||||
*
|
||||
* Copyright 2011, Gilbert Pellegrom
|
||||
* Free to use and abuse under the MIT license.
|
||||
* http://www.opensource.org/licenses/mit-license.php
|
||||
*
|
||||
* March 2010
|
||||
*/
|
||||
|
||||
|
||||
/* The Nivo Slider styles */
|
||||
.projectSlider
|
||||
{position:relative;}
|
||||
|
||||
.projectSlider img {
|
||||
position:absolute;
|
||||
top:0px;
|
||||
left:0px;
|
||||
}
|
||||
|
||||
/* If an image is wrapped in a link */
|
||||
/*.nivoSlider a.nivo-imageLink {
|
||||
position:absolute;
|
||||
top:0px;
|
||||
left:0px;
|
||||
width:100%;
|
||||
height:100%;
|
||||
border:0;
|
||||
padding:0;
|
||||
margin:0;
|
||||
z-index:6;
|
||||
display:none;
|
||||
}
|
||||
/* The slices and boxes in the Slider */
|
||||
.nivo-slice {
|
||||
display:block;
|
||||
position:absolute;
|
||||
z-index:5;
|
||||
height:100%;
|
||||
width:100%;}
|
||||
|
||||
.nivo-box {
|
||||
display:block;
|
||||
position:absolute;
|
||||
z-index:5;
|
||||
}
|
||||
/* Caption styles */
|
||||
/*.nivo-caption {
|
||||
position:absolute;
|
||||
left:0px;
|
||||
bottom:0px;
|
||||
background:#000;
|
||||
color:#fff;
|
||||
opacity:0.8; /* Overridden by captionOpacity setting */
|
||||
/*width:100%;
|
||||
z-index:8;
|
||||
}
|
||||
.nivo-caption p {
|
||||
padding:5px;
|
||||
margin:0;
|
||||
}
|
||||
.nivo-caption a {
|
||||
display:inline !important;
|
||||
}
|
||||
.nivo-html-caption {
|
||||
display:none;
|
||||
}
|
||||
/* Direction nav styles (e.g. Next & Prev) */
|
||||
.nivo-directionNav a {
|
||||
position:absolute;
|
||||
top:45%;
|
||||
z-index:9;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
.nivo-prevNav {
|
||||
left:0px;
|
||||
background: url(../img/arrow-previous.png) no-repeat;
|
||||
width:30px;
|
||||
height:30px;
|
||||
color:transparent; /*need to remove the a text only, this is hacky!!!*/
|
||||
}
|
||||
|
||||
.nivo-nextNav {
|
||||
right:0px;
|
||||
background: url(../img/arrow-next.png) no-repeat;
|
||||
width:30px;
|
||||
height:30px;
|
||||
color:transparent; /*need to remove the a text only, this is hacky!!!*/}
|
||||
|
||||
/* Control nav styles (e.g. 1,2,3...) */
|
||||
.nivo-controlNav a {
|
||||
position:relative;
|
||||
z-index:9;
|
||||
cursor:pointer;
|
||||
/*background: url(../img/bullets.png) no-repeat;*/
|
||||
width:10px;
|
||||
height:10px;
|
||||
margin-right:4px;}
|
||||
|
||||
.nivo-controlNav a.active {
|
||||
font-weight:bold;
|
||||
}
|
||||
|
|
@ -10,30 +10,6 @@
|
|||
*/
|
||||
|
||||
|
||||
/* The Nivo Slider styles */
|
||||
/*.nivoSlider
|
||||
{position:relative;}
|
||||
|
||||
.nivoSlider img {
|
||||
position:absolute;
|
||||
top:0px;
|
||||
left:0px;
|
||||
}*/
|
||||
|
||||
/* If an image is wrapped in a link */
|
||||
/*.nivoSlider a.nivo-imageLink {
|
||||
position:absolute;
|
||||
top:0px;
|
||||
left:0px;
|
||||
width:100%;
|
||||
height:100%;
|
||||
border:0;
|
||||
padding:0;
|
||||
margin:0;
|
||||
z-index:6;
|
||||
display:none;
|
||||
}
|
||||
/* The slices and boxes in the Slider */
|
||||
.nivo-slice {
|
||||
display:block;
|
||||
position:absolute;
|
||||
|
|
@ -46,46 +22,7 @@
|
|||
position:absolute;
|
||||
z-index:5;
|
||||
}
|
||||
/* Caption styles */
|
||||
/*.nivo-caption {
|
||||
position:absolute;
|
||||
left:0px;
|
||||
bottom:0px;
|
||||
background:#000;
|
||||
color:#fff;
|
||||
opacity:0.8; /* Overridden by captionOpacity setting */
|
||||
/*width:100%;
|
||||
z-index:8;
|
||||
|
||||
.nivo-controlNav {
|
||||
display:none;
|
||||
}
|
||||
.nivo-caption p {
|
||||
padding:5px;
|
||||
margin:0;
|
||||
}
|
||||
.nivo-caption a {
|
||||
display:inline !important;
|
||||
}
|
||||
.nivo-html-caption {
|
||||
display:none;
|
||||
}
|
||||
/* Direction nav styles (e.g. Next & Prev) */
|
||||
/*.nivo-directionNav a {
|
||||
position:absolute;
|
||||
top:45%;
|
||||
z-index:9;
|
||||
cursor:pointer;
|
||||
}
|
||||
.nivo-prevNav {
|
||||
left:0px;
|
||||
}
|
||||
.nivo-nextNav {
|
||||
right:0px;
|
||||
}
|
||||
/* Control nav styles (e.g. 1,2,3...) */
|
||||
/*.nivo-controlNav a {
|
||||
position:relative;
|
||||
z-index:9;
|
||||
cursor:pointer;
|
||||
}
|
||||
.nivo-controlNav a.active {
|
||||
font-weight:bold;
|
||||
}*/
|
||||
|
|
@ -2,23 +2,13 @@
|
|||
#galleryContainer
|
||||
{color:#e3e3e3;
|
||||
font-size:14px;
|
||||
/*background-color:purple;*/
|
||||
width:860px;
|
||||
margin:0 auto;
|
||||
}
|
||||
|
||||
/*#projectGallery
|
||||
{color:#e3e3e3;
|
||||
font-size:14px;
|
||||
background-color:purple;
|
||||
width:860px;
|
||||
margin:0 auto;}*/
|
||||
|
||||
.projectSlider
|
||||
{/*background-color:blue;*/
|
||||
width:600px;
|
||||
{width:600px;
|
||||
height:450px;
|
||||
margin-top:78px;
|
||||
margin-right:20px;
|
||||
float:left;
|
||||
}
|
||||
|
|
@ -27,27 +17,8 @@ float:left;
|
|||
{width:220px;
|
||||
padding:9px;
|
||||
height:430px;
|
||||
margin-top:78px;
|
||||
float:left;
|
||||
text-align:justify;
|
||||
border:1px inset #999;
|
||||
overflow-y:auto; } /*what to do for overflow behaviours? overflow y scroll???*/
|
||||
overflow-y:auto;
|
||||
}
|
||||
|
||||
/*#thumbsWrapper {
|
||||
background-color:grey;
|
||||
width:90%;
|
||||
height:100px;
|
||||
margin:0 auto;
|
||||
margin-top:20px;
|
||||
margin-bottom:20px;
|
||||
overflow:hidden;
|
||||
}*/
|
||||
|
||||
/*#thumbnailsGallery {
|
||||
width:9000px;} /*ok?*/
|
||||
|
||||
|
||||
/*#thumbnailsGallery li{
|
||||
display:inline;
|
||||
cursor:pointer;
|
||||
}*/
|
||||
|
|
|
|||
61
urbstudio/static/css/projectslider.css
Normal file
61
urbstudio/static/css/projectslider.css
Normal file
|
|
@ -0,0 +1,61 @@
|
|||
#slidesContainer {
|
||||
position:relative;
|
||||
z-index:0;
|
||||
width:600px;
|
||||
margin-top:78px;
|
||||
margin-right:20px;
|
||||
float:left;
|
||||
}
|
||||
|
||||
|
||||
#slidesDiv {
|
||||
width:600px;
|
||||
margin:0 auto;
|
||||
z-index:100;
|
||||
float:left;
|
||||
}
|
||||
|
||||
.slidesInner {
|
||||
width:600px;
|
||||
overflow:hidden;
|
||||
position:relative;
|
||||
display:none;
|
||||
margin:0 auto;
|
||||
}
|
||||
|
||||
.slidesInner a {
|
||||
width:600px;
|
||||
height:450px;
|
||||
display:block;
|
||||
margin:0 auto;
|
||||
}
|
||||
|
||||
.slidesInner img {
|
||||
display:block;
|
||||
margin:0 auto;
|
||||
}
|
||||
|
||||
|
||||
.slidesInner a img {
|
||||
display:block;
|
||||
margin:0 auto;
|
||||
}
|
||||
|
||||
|
||||
#slidesDiv .next,#slidesDiv .prev {
|
||||
position:absolute;
|
||||
top:207px;
|
||||
left:0px;
|
||||
display:block;
|
||||
z-index:101;
|
||||
}
|
||||
|
||||
#slidesDiv .next {
|
||||
left:570px;
|
||||
}
|
||||
|
||||
.prev, .next {
|
||||
text-decoration:none;
|
||||
}
|
||||
|
||||
|
||||
|
|
@ -1,110 +1,101 @@
|
|||
/* Container DIV - automatically generated */
|
||||
|
||||
.simply-scroll-container {
|
||||
position:relative;
|
||||
margin:0 auto;}
|
||||
|
||||
/* Clip DIV - automatically generated */
|
||||
.simply-scroll-clip {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
z-index:2;
|
||||
}
|
||||
|
||||
/* UL/OL/DIV - the element that simplyScroll is inited on
|
||||
Class name automatically added to element */
|
||||
.simply-scroll-list {
|
||||
position:absolute;
|
||||
top:0;
|
||||
left:0;
|
||||
z-index:1;
|
||||
overflow:hidden;
|
||||
list-style:none;
|
||||
}
|
||||
|
||||
.simply-scroll-list li {
|
||||
list-style:none;
|
||||
}
|
||||
|
||||
.simply-scroll-list li img {
|
||||
filter:alpha(opacity=50); /*IE*/
|
||||
opacity:0.6;
|
||||
display:block;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
.simply-scroll-list li img:hover {
|
||||
filter:alpha(opacity=100); /*IE*/
|
||||
opacity:1;
|
||||
}
|
||||
|
||||
.selected {
|
||||
filter:alpha(opacity=100); /*IE*/
|
||||
opacity:1;
|
||||
} /*to make sure it retains opacity on selection via Javascript?*/
|
||||
|
||||
/* Master button styles - note that up and down versions
|
||||
have been removed in this example */
|
||||
|
||||
.simply-scroll-btn {
|
||||
position:absolute;
|
||||
background-image:url(/static/images/buttons.png);
|
||||
width:42px;
|
||||
height:44px;
|
||||
z-index:3;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
.simply-scroll-btn-left {
|
||||
left:6px;
|
||||
bottom:6px;
|
||||
background-position:0 -44px;
|
||||
}
|
||||
|
||||
.simply-scroll-btn-left.disabled {
|
||||
background-position:0 0 !important;
|
||||
}
|
||||
|
||||
.simply-scroll-btn-left:hover {
|
||||
background-position:0 -88px;
|
||||
}
|
||||
|
||||
.simply-scroll-btn-right {
|
||||
right:6px;
|
||||
bottom:6px;
|
||||
background-position:84px -44px;
|
||||
}
|
||||
|
||||
.simply-scroll-btn-right.disabled {
|
||||
background-position:84px 0 !important;
|
||||
}
|
||||
|
||||
.simply-scroll-btn-right:hover {
|
||||
background-position: 84px -88px;
|
||||
}
|
||||
|
||||
/* Custom class modifications - adds to / overrides above
|
||||
|
||||
.simply-scroll is default base class */
|
||||
|
||||
/* Container DIV */
|
||||
.simply-scroll {
|
||||
width: 860px;
|
||||
height: 100px;
|
||||
margin-bottom: 20px;
|
||||
margin-top:2px;
|
||||
|
||||
z-index:20000;}
|
||||
|
||||
/* Clip DIV */
|
||||
.simply-scroll .simply-scroll-clip {
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
/* Explicitly set height/width of each list item */
|
||||
.simply-scroll .simply-scroll-list li {
|
||||
float: left; /* Horizontal scroll only */
|
||||
width: 110px;
|
||||
height: 100px;
|
||||
}
|
||||
/* Container DIV - automatically generated */
|
||||
|
||||
|
||||
.simply-scroll-container {
|
||||
position:relative;
|
||||
margin:0 auto;
|
||||
}
|
||||
|
||||
/* Clip DIV - automatically generated */
|
||||
.simply-scroll-clip {
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
z-index:2;
|
||||
}
|
||||
|
||||
/* UL/OL/DIV - the element that simplyScroll is inited on
|
||||
Class name automatically added to element */
|
||||
.simply-scroll-list {
|
||||
position:absolute;
|
||||
top:0;
|
||||
left:0;
|
||||
z-index:1;
|
||||
overflow:hidden;
|
||||
list-style:none;
|
||||
}
|
||||
|
||||
.simply-scroll-list li {
|
||||
list-style:none;
|
||||
}
|
||||
|
||||
.simply-scroll-list li img {
|
||||
filter:alpha(opacity=50); /*IE*/
|
||||
opacity:0.6;
|
||||
display:block;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
.simply-scroll-list li img:hover {
|
||||
filter:alpha(opacity=100); /*IE*/
|
||||
opacity:1;
|
||||
}
|
||||
|
||||
.selected {
|
||||
filter:alpha(opacity=100)!important; /*IE*/
|
||||
opacity:1!important;
|
||||
}
|
||||
|
||||
.simply-scroll-btn {
|
||||
position:absolute;
|
||||
background-image:url(/static/images/buttons.png);
|
||||
width:42px;
|
||||
height:44px;
|
||||
z-index:3;
|
||||
cursor:pointer;
|
||||
}
|
||||
|
||||
.simply-scroll-btn-left {
|
||||
left:6px;
|
||||
bottom:6px;
|
||||
background-position:0 -44px;
|
||||
}
|
||||
|
||||
.simply-scroll-btn-left.disabled {
|
||||
background-position:0 0 !important;
|
||||
}
|
||||
|
||||
.simply-scroll-btn-left:hover {
|
||||
background-position:0 -88px;
|
||||
}
|
||||
|
||||
.simply-scroll-btn-right {
|
||||
right:6px;
|
||||
bottom:6px;
|
||||
background-position:84px -44px;
|
||||
}
|
||||
|
||||
.simply-scroll-btn-right.disabled {
|
||||
background-position:84px 0 !important;
|
||||
}
|
||||
|
||||
.simply-scroll-btn-right:hover {
|
||||
background-position: 84px -88px;
|
||||
}
|
||||
|
||||
.simply-scroll {
|
||||
width: 860px;
|
||||
height: 100px;
|
||||
padding-top:10px;
|
||||
z-index:20000;}
|
||||
|
||||
/* Clip DIV */
|
||||
.simply-scroll .simply-scroll-clip {
|
||||
width: 100%;
|
||||
height: 100px;
|
||||
}
|
||||
|
||||
.simply-scroll .simply-scroll-list li {
|
||||
float: left;
|
||||
width: 110px;
|
||||
height: 100px;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,36 +0,0 @@
|
|||
#container {margin:0 auto;position:relative;text-align:left;width:696px;background:#fff;margin-bottom:2em;
|
||||
}
|
||||
/* Sudo Slider */
|
||||
|
||||
|
||||
#projectGallery
|
||||
{float:left;
|
||||
width:600px;
|
||||
height:450px;
|
||||
margin-top:78px;
|
||||
margin-right:20px;
|
||||
}
|
||||
#projectGallery ul, #projectGallery li{list-style:none;position:relative;display:block;}
|
||||
|
||||
/* Uncomment this if you wan't to only have 1 visible slide before the javascript kicks in.
|
||||
#slider li {display:none;}
|
||||
#slider li:first-child {display:block;}
|
||||
*/
|
||||
|
||||
#projectGallery, #projectGallery li {width:600px;overflow:hidden;}
|
||||
/* // Sudo Slider */
|
||||
/* Numeric Navigation */
|
||||
ol {margin:1em 0;height:28px; }
|
||||
ol li{margin:0 10px 0 0;float:left;list-style:none;height:28px;line-height:28px;}
|
||||
ol li a{float:left;height:28px;line-height:28px;border:1px solid #ccc;background:#DAF3F8;color:#555;padding:0 10px;text-decoration:none;}
|
||||
ol li.current a{background:#5DC9E1;color:#fff;}
|
||||
ol li a:focus, .prevBtn a:focus, .nextBtn a:focus{outline:none;}
|
||||
|
||||
.graphic, .prevBtn, .nextBtn{display:block;overflow:hidden;text-indent:-8000px;}
|
||||
|
||||
.prevBtn, .nextBtn {display:block;width:30px;height:77px;position:absolute;left:200px;top:71px;z-index:1000;background:url(../img/btn_prev.gif) no-repeat 0 0;cursor:pointer;}
|
||||
.nextBtn{right:696px;}
|
||||
.nextBtn {background:url(../img/btn_next.gif) no-repeat 0 0;}
|
||||
|
||||
/* Some demos use this line */
|
||||
#slider2 ul, #slider2 li{list-style:none;position:relative;display:block;} #slider2, #slider2 li {width:696px;overflow:hidden;}
|
||||
Binary file not shown.
|
Before Width: | Height: | Size: 57 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.6 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.2 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.1 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.3 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 4.4 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 59 KiB |
BIN
urbstudio/static/images/favicon.png
Normal file
BIN
urbstudio/static/images/favicon.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 743 B |
File diff suppressed because it is too large
Load Diff
18
urbstudio/static/js/jquery.sudoSlider.min.js
vendored
18
urbstudio/static/js/jquery.sudoSlider.min.js
vendored
|
|
@ -1,18 +0,0 @@
|
|||
(function(h){h.fn.sudoSlider=function(X){var d=!1,e=!d,f=this,X=h.extend({controlsShow:e,controlsFadeSpeed:400,controlsFade:e,insertAfter:e,firstShow:d,lastShow:d,vertical:d,speed:800,ease:"swing",auto:d,pause:2E3,continuous:d,prevNext:e,numeric:d,numericAttr:'class="controls"',numericText:[],clickableAni:d,history:d,speedhistory:400,autoheight:e,customLink:d,fade:d,crossFade:e,fadespeed:1E3,updateBefore:d,ajax:d,preloadAjax:100,startSlide:d,ajaxLoadFunction:d,beforeAniFunc:d,afterAniFunc:d,uncurrentFunc:d,
|
||||
currentFunc:d,prevHtml:'<a href="#" class="prevBtn"> previous </a>',nextHtml:'<a href="#" class="nextBtn"> next </a>',loadingText:"Loading Content...",firstHtml:'<a href="#" class="firstBtn"> first </a>',controlsAttr:'id="controls"',lastHtml:'<a href="#" class="lastBtn"> last </a>',autowidth:e,slideCount:1,resumePause:d,moveCount:1},X);return this.each(function(){function ea(c,D){l=0;for(b in J)a[l]=J[b],l++;w=d;E=e;o=c.children("ul");k=o.children("li");i=k.length;if(a[25]&&(o.length==0&&c.append(o=
|
||||
h("<ul></ul>")),a[25].length>i)){for(b=1;b<=a[25].length-i;b++)o.append("<li><p>"+a[35]+"</p></li>");k=o.children("li");i=k.length}y=g=0;s=i-1;p=e;K=q=Y=d;R=[];w=d;c.css("position")=="static"&&c.css("position","relative");k.css({"float":"left",display:"block"});a[40]=n(a[40]);a[42]--;u=a[40];a[21]||(a[40]+=a[42]);a[40]>i&&(a[40]=i);a[27]=n(a[27])||1;F=a[11]&&(!a[21]||a[40]>1);for(b=0;b<i;b++)a[15][b]=a[15][b]||b+1,a[25][b]=a[25][b]||d;if(F){for(j=a[40];j>=1;j--)o.prepend(k.eq(-a[40]+j-1).clone()).append(k.eq(a[40]-
|
||||
j).clone());r=o.children("li");if(a[25])for(b=i-a[40];b<i;b++)a[25][b]&&b!=a[27]-1&&z(b,d,0,d)}a[2]=a[2]&&!a[11];o[a[6]?"height":"width"](1E7);r=o.children("li");A=d;if(a[0]){A=h("<span "+a[37]+"></span>");h(c)[a[3]?"after":"before"](A);if(a[13]){fa=A.prepend("<ol "+a[14]+"></ol>").children();l=a[13]=="pages"?u:1;for(b=0;b<i-(a[11]||a[13]=="pages"?1:u)+1;b+=l)R[b]=h("<li rel='"+(b+1)+"'><a href='#'><span>"+a[15][b]+"</span></a></li>").appendTo(fa).click(function(){G(h(this).attr("rel")-1,e);return d})}a[4]&&
|
||||
(ga=S(a[36],"first"));a[5]&&(ha=S(a[38],"last"));a[12]&&(ia=S(a[34],"next"),ja=S(a[33],"prev"))}if(a[26]===e)for(j=0;j<=s;j++)a[25][j]&&a[27]-1!=j&&z(j,d,0,d);l=[1,7,10,18,23];for(b in l)a[n(l[b])]=sa(a[n(l[b])]);a[20]&&h(a[20]).live("click",function(){if(b=h(this).attr("rel"))b=="stop"?(a[9]=d,clearTimeout(x),L=d):b=="start"?(x=M(a[10]),a[9]=e):b=="block"?p=d:b=="unblock"?p=e:p&&G(b==n(b)?b-1:b,e);return d});Z(r.slice(0,a[40]),e,function(){a[9]&&(x=M(a[10]));D?B(D,d,d,d):a[17]?(h.hashchange?h(window).hashchange(T):
|
||||
h.address?h.address.change(function(){T()}):h(window).bind("hashchange",T),T()):B(a[27]-1,d,d,d)})}function T(){a:{var c=location.hash.substr(1);for(j in a[15])if(a[15][j]==c)break a;j=c?g:0}E?B(j,d,d,d):j!=g&&G(j,d)}function ka(){if(a[25]&&n(a[26]))for(b in a[25])if(a[25][b]){clearTimeout(U);U=setTimeout(function(){z(b,d,0,d)},n(a[26]));break}}function M(a){L=e;return setTimeout(function(){G("next",d)},a)}function sa(a){return n(a)||a==0?n(a):a=="fast"?200:a=="normal"||a=="medium"?400:a=="slow"?
|
||||
600:400}function S(a,b){return h(a).prependTo(A).click(function(){G(b,e);return d})}function G(c,b){N=d;if(!w){if(a[9]){var v=a[7];q&&a[22]?v=n(v*0.6):q&&(v=0);b?(clearTimeout(x),L=d,a[41]&&(x=M(v+a[41]))):x=M(a[10]+v)}a[21]?la(c,b):(a[11]?(c=O(c),v=Math.abs(g-c),c<a[40]-u+1&&Math.abs(g-c-i)<v&&(c+=i,v=Math.abs(g-c-i)),c>s-a[40]&&Math.abs(g-c+i)<v&&(c-=i)):c=O(c),B(c,b,e,d))}}function ma(c,d,b){if(b)var b=ia,e=ha,g="next",f="last",i=a[5];else b=ja,e=ga,g="prev",f="first",i=a[4];if(a[0]){if(a[12])b[c?
|
||||
"fadeIn":"fadeOut"](d);if(i)e[c?"fadeIn":"fadeOut"](d)}if(a[20])h(a[20]).filter(function(){return h(this).attr("rel")==g||h(this).attr("rel")==f})[c?"fadeIn":"fadeOut"](d)}function na(a,b){ma(a,b,d);ma(a<i-u,b,e)}function $(c){c=t(c)+1;if(a[13])for(b in R)oa(R[b],c);a[20]&&oa(h(a[20]),c)}function oa(c,D){c.filter&&(c.filter(".current").removeClass("current").each(function(){h.isFunction(a[31])&&a[31].call(this,h(this).attr("rel"))}),c.filter(function(){l=h(this).attr("rel");if(a[13]=="pages")for(b=
|
||||
0;b<u;b++){if(l==D-b)return e}else return l==D;return d}).addClass("current").each(function(){h.isFunction(a[32])&&a[32].call(this,D)}))}function Z(a,d,b){var a=a.add(a.find("img")).filter("img"),e=a.length;e||b();a.load(function(){this.naturalHeight&&!this.clientHeight&&h(this).height(this.naturalHeight).width(this.naturalWidth);d?(e--,e==0&&b()):b()}).each(function(){if((this.complete||this.complete===void 0)&&d){var a=this.src;this.src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==";
|
||||
this.src=a}})}function V(c,b){a[19]&&pa(c,b,e);a[39]&&pa(c,b,d)}function pa(a,b,e){P.ready(function(){qa(a,b,e);Z(k.eq(a),d,function(){qa(a,b,e)})})}function qa(c,b,e){c=t(c);l=k.eq(c)[e?"height":"width"]();P.animate(e?{height:l}:{width:l},{queue:d,duration:b,easing:a[8]})}function aa(){o.css(a[6]?"margin-top":"margin-left",ba(g))}function ba(c){c=r.eq(c+(F?a[40]:0));return c.length?-c.position()[a[6]?"top":"left"]:0}function ta(){g=t(g);a[24]||$(g);aa();p=e;if(a[17]&&Y)window.location.hash=a[15][g];
|
||||
!q&&N&&C(g,e)}function C(c,b){(b?ca:da)(k.eq(c),t(c)+1);if(F&&(c<a[40]&&(b?ca:da)(r.eq(c<0?c+a[40]:c-a[40]),c+1),c>s-a[40]||c==-a[40]))(b?ca:da)(r.eq(c==-a[40]?-1:a[40]+c-s-1),c+1)}function ca(c,b){h.isFunction(a[30])&&a[30].call(c,b)}function da(c,b){h.isFunction(a[29])&&a[29].call(c,b)}function O(c){return c=="next"?t(g+1+a[42]):c=="prev"?t(g-1-a[42]):c=="first"?0:c=="last"?s:n(c)}function z(c,b,g,f){U&&clearTimeout(U);var m=a[25][c],i=k.eq(c),l=g===e,g=g===e?0:g;q&&!a[22]&&n(a[23]*0.4);var j=d;
|
||||
h.ajax({url:m,success:function(a,h,m){m.getResponseHeader("Content-Type").substr(0,5)!="image"&&(j=e,i.html(a),ra(c,g,f,b,l,d))},complete:function(){if(!j)image=new Image,i.html("").append(image),image.src=m,ra(c,g,f,b,l,e)}});a[25][c]=d;J.ajax[c]=d}function ra(c,b,g,f,i,l){var j=k.eq(c);F&&(c<a[40]&&r.eq(c<0?c+a[40]:c-a[40]).replaceWith(h(j).clone()),c>s-a[40]&&r.eq(a[40]+c-s-1).replaceWith(h(j).clone()),r=o.children("li"),i===e&&aa());f&&V(c,b);Z(j,e,function(){i===e&&aa();h.isFunction(g)&&g();
|
||||
ka()});h.isFunction(a[28])&&a[28].call(j,n(c)+1,l);g==2&&(C(c,d),N||(C(c,e),N=e))}function la(c,f,i){if(O(c)!=g&&!w&&p){K=d;a[24]&&$(O(c));var j=!f&&!a[9]&&a[17]?a[23]*(a[18]/a[7]):a[23],m=O(c);a[2]&&na(m,a[1]);if(i)j=W,H&&H--;else if(a[25]){H=0;W=j;for(b=m;b<m+u;b++)a[25][b]&&(z(t(b),d,j,function(){la(c,f,e)}),H++)}else H=d;if(!H)if(p=!f,V(m,a[23]),C(m,d),a[22]){var l=e,i=0;for(b=m;b<m+u;b++)k.eq(t(b)).clone().prependTo(P).css({"z-index":"100000",position:"absolute","list-style":"none",top:a[6]?
|
||||
i:0,left:a[6]?0:i}).hide().fadeIn(a[23],function(){screen.fontSmoothingEnabled&&this.style.removeAttribute("filter");q=p=e;if(l){B(m,d,d,d);if(a[17]&&f)window.location.hash=a[15][g];C(m,e);l=d}h(this).remove();q=d}),i+=k.eq(b)[a[6]?"outerHeight":"outerWidth"](e)}else{var o=n(j*0.6);k.stop().fadeTo(j-o,0.001,function(){q=p=e;B(m,d,d,d);p=!f;k.fadeTo(o,1,function(){screen.fontSmoothingEnabled&&this.style.removeAttribute("filter");if(a[17]&&f)window.location.hash=a[15][g];p=e;q=d;C(m,e)})})}}}function B(c,
|
||||
f,h,j){if(p&&!w&&(c!=g||E)&&i>t(c)||j){j||(K=d);p=!f&&!a[9]?e:a[16];Y=f;y=g;g=c;a[24]&&$(g);var m=Math.sqrt(Math.abs(y-g)),k=!h?0:!f&&!a[9]?n(m*a[18]):n(m*a[7]),m=t(g);if(j)k=W,Q&&Q--;else if(a[25]){a[25][m]&&(z(m,e,E||k,2),K=e);if(!q){var j=y>g?g:y,r=y>g?y:g;Q=0;W=k;for(b=j;b<=r;b++)b<=s&&b>=0&&a[25][b]&&(z(b,d,k,function(){B(c,f,h,e)}),Q++)}for(b=m+1;b<=m+u;b++)a[25][b]&&z(b,d,0,d)}Q||(!q&&!K&&(C(m,d),N=e),q||V(g,k),l=ba(g),o.animate(a[6]?{marginTop:l}:{marginLeft:l},{queue:d,duration:k,easing:a[8],
|
||||
complete:ta}),a[2]&&(k=a[1],!f&&!a[9]&&(k=a[18]/a[7]*a[1]),h||(k=0),q&&(k=n(a[23]*0.6)),na(g,k)),E&&(a[25][m]||ka()),E=d)}}function t(a){return n(a<0?a+i:a>s?a-i:a)}function n(a){return parseInt(a,10)}var E,o,k,r,i,g,y,s,p,Y,q,K,R,fa,w,A,ga,ha,ia,ja,x,I,W,Q,H,L,b,l,j,F,u,N=d,U,P=h(this),J=X,a=[];ea(P,d);f.getOption=function(a){return J[a]};f.setOption=function(a,b){b&&(f.destroy(),J[a]=b,f.init());return f};f.insertSlide=function(c,b,d){if(c){f.destroy();b>i&&(b=i);c="<li>"+c+"</li>";!b||b==0?o.prepend(c):
|
||||
k.eq(b-1).after(c);(b<=I||!b||b==0)&&I++;if(a[15].length<b)a[15].length=b;a[15].splice(b,0,d||n(b)+1);f.init()}return f};f.removeSlide=function(b){b--;f.destroy();k.eq(b).remove();a[15].splice(b,1);b<I&&I--;f.init();return f};f.goToSlide=function(a){G(a==n(a)?a-1:a,e);return f};f.block=function(){p=d;return f};f.unblock=function(){p=e;return f};f.startAuto=function(){a[9]=e;x=M(a[10]);return f};f.stopAuto=function(){a[9]=d;clearTimeout(x);L=d;return f};f.destroy=function(){I=g;A&&A.remove();w=e;h(a[20]).die("click");
|
||||
if(F)for(b=1;b<=a[40];b++)r.eq(b-1).add(r.eq(-b)).remove();o.css(a[6]?"margin-top":"margin-left",ba(g));return f};f.init=function(){w&&ea(P,I);return f};f.adjust=function(a){a||(a=0);V(j,a);return f};f.getValue=function(a){return a=="currentSlide"?g+1:a=="totalSlides"?i:a=="clickable"?p:a=="destroyed"?w:a=="autoAnimation"?L:void 0}})}})(jQuery);
|
||||
|
|
@ -1,62 +1,78 @@
|
|||
<!DOCTYPE HTML>
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
|
||||
<title>{% block title %} {% endblock %}</title><!-- titles to be given for everything -->
|
||||
|
||||
<link rel="stylesheet" href="/static/css/reset.css" type="text/css"/>
|
||||
<link rel="stylesheet" href="/static/css/main.css" type="text/css"/>
|
||||
|
||||
<script type="text/javascript" src="/static/js/jquery-1.6.1.min.js"></script>
|
||||
<script type="text/javascript" src="/static/js/pronit.js"></script><!--DELETE ALL EXTRA JS AND IMAGE FILES LATER -->
|
||||
|
||||
{% block extra_head %}
|
||||
|
||||
{% endblock %}
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div id="wrapper">
|
||||
|
||||
<div id="main">
|
||||
|
||||
<ul id="menu">
|
||||
<li><a href="home">Home</a></li>
|
||||
<li><a href="profile">Firm Profile</a></li>
|
||||
<li><a href="projects">Projects</a></li>
|
||||
<li><a href="jobs">Job Applications</a></li>
|
||||
<li><a href="contact">Contact</a></li>
|
||||
<li><a href="links">Links</a></li>
|
||||
<li><a href="noteworthy">Noteworthy</a></li>
|
||||
|
||||
</ul><!--MENU CLOSING-->
|
||||
|
||||
<img src="/static/images/urban-studio-logo.jpg" width="120" height="430" alt="logo" id="logo">
|
||||
|
||||
{% block content %}
|
||||
{% endblock %}
|
||||
|
||||
{% block names %}
|
||||
<div id="names">
|
||||
<p>Pronit Nath</p>
|
||||
<p>Amisha Nath</p>
|
||||
</div><!--NAMES CLOSING-->
|
||||
{% endblock %}
|
||||
|
||||
</div><!--MAIN CLOSING-->
|
||||
|
||||
</div><!--WRAPPER CLOSING-->
|
||||
|
||||
<div id="footer">
|
||||
<p>© Copyright by Urban Studio, 2009. All rights Reserved.</p>
|
||||
</div><!--FOOTER CLOSING-->
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
<!DOCTYPE HTML>
|
||||
|
||||
<html>
|
||||
|
||||
<head>
|
||||
|
||||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
|
||||
<meta http-equiv="X-UA-Compatible" content="chrome=1">
|
||||
|
||||
<meta name="keywords" content="Urban Studio, Architecture Firm, Interiors, Commercial, Industrial, Residential, Hospitality, Retail, Pronit Nath, Amisha Nath, Mumbai, India" />
|
||||
|
||||
{% block extra_meta %}
|
||||
<meta name="title" content="Urban Studio{% block extra_meta_content %} {% endblock %}" />
|
||||
<meta name="description" content="Urban Studio: An Architecture and Interiors Firm in Mumbai" />
|
||||
{% endblock %}
|
||||
|
||||
<title> Urban Studio India | Architecture & Interiors{% block title %} {% endblock %}</title>
|
||||
|
||||
<link rel="stylesheet" href="/static/css/reset.css" type="text/css"/>
|
||||
<link rel="stylesheet" href="/static/css/main.css" type="text/css"/>
|
||||
|
||||
<!--[if lt IE 9]>
|
||||
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></script>
|
||||
<![endif]-->
|
||||
|
||||
<script type="text/javascript" src="/static/js/jquery-1.6.1.min.js"></script>
|
||||
<script type="text/javascript" src="/static/js/pronit.js"></script>
|
||||
|
||||
{% block extra_head %}
|
||||
|
||||
{% endblock %}
|
||||
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<div id="wrapper">
|
||||
|
||||
<div id="main">
|
||||
|
||||
<ul id="menu">
|
||||
<li><a href="home">Home</a></li>
|
||||
<li><a href="profile">Firm Profile</a></li>
|
||||
<li><a href="projects">Projects</a></li>
|
||||
<li><a href="jobs">Job Applications</a></li>
|
||||
<li><a href="contact">Contact</a></li>
|
||||
<li><a href="links">Links</a></li>
|
||||
<li><a href="noteworthy">Noteworthy</a></li>
|
||||
|
||||
</ul><!--MENU CLOSING-->
|
||||
|
||||
<img src="/static/images/urban-studio-logo.jpg" width="120" height="430" alt="logo" id="logo">
|
||||
|
||||
{% block content %}
|
||||
{% endblock %}
|
||||
|
||||
{% block names %}
|
||||
<div id="names">
|
||||
<p>Pronit Nath</p>
|
||||
<p>Amisha Nath</p>
|
||||
</div><!--NAMES CLOSING-->
|
||||
{% endblock %}
|
||||
|
||||
</div><!--MAIN CLOSING-->
|
||||
|
||||
<div id="pushFooter">
|
||||
</div>
|
||||
|
||||
</div><!--WRAPPER CLOSING-->
|
||||
|
||||
|
||||
<div id="footer">
|
||||
<p>© Copyright by Urban Studio, 2009. All rights Reserved.</p>
|
||||
</div><!--FOOTER CLOSING-->
|
||||
|
||||
</body>
|
||||
|
||||
</html>
|
||||
|
|
|
|||
|
|
@ -1,29 +1,34 @@
|
|||
{% extends 'inner.html' %}
|
||||
|
||||
{% block inner_content %}
|
||||
<address>
|
||||
<p><span class="orange"><strong>URBAN STUDIO</strong></span><br><br>
|
||||
Mimi Building No.19, Ground Floor,<br>
|
||||
Plot No. 60, 1st Road TPS IV,<br>
|
||||
Almeida Park, Bandra (West),<br>
|
||||
Mumbai 400 050<br><br>
|
||||
Telephone : <br>91-22-26406717<br>
|
||||
91-22-65023283<br><br>
|
||||
|
||||
E-Mail :<br>
|
||||
|
||||
<a href="">urbanstudioindia@yahoo.co.in</a><br>
|
||||
|
||||
<a href="">urbanstudioindia@gmail.com</a></p>
|
||||
</address>
|
||||
|
||||
{% endblock %}
|
||||
|
||||
|
||||
{% block names %}
|
||||
<div id="names">
|
||||
<p>Pronit Nath</p>
|
||||
<p>Amisha Nath</p>
|
||||
</div><!--NAMES CLOSING-->
|
||||
|
||||
{% endblock %}
|
||||
{% extends 'inner.html' %}
|
||||
|
||||
{% block title %} | Contact {% endblock %}
|
||||
|
||||
{% block extra_meta_content %}: Contact {% endblock %}
|
||||
|
||||
{% block inner_content %}
|
||||
<address>
|
||||
<p><span class="orange"><strong>URBAN STUDIO</strong></span><br><br>
|
||||
Mimi Building No.19, Ground Floor,<br>
|
||||
Plot No. 60, 1st Road TPS IV,<br>
|
||||
Almeida Park, Bandra (West),<br>
|
||||
Mumbai 400 050<br><br>
|
||||
Telephone : <br>91-22-26406717<br>
|
||||
91-22-65023283<br><br>
|
||||
|
||||
E-Mail :<br>
|
||||
|
||||
<p>urbanstudioindia@yahoo.co.in</p>
|
||||
|
||||
<p>urbanstudioindia@gmail.com</p>
|
||||
</p>
|
||||
</address>
|
||||
|
||||
{% endblock %}
|
||||
|
||||
|
||||
{% block names %}
|
||||
<div id="names">
|
||||
<p>Pronit Nath</p>
|
||||
<p>Amisha Nath</p>
|
||||
</div><!--NAMES CLOSING-->
|
||||
|
||||
{% endblock %}
|
||||
|
|
|
|||
|
|
@ -1,30 +1,33 @@
|
|||
{% extends 'base.html' %}
|
||||
|
||||
{% block title %}PLEASE ADD TITLES HERE{% endblock %}<!-- please add titles here --->
|
||||
|
||||
{% block extra_head %}
|
||||
|
||||
<link rel="stylesheet" href="/static/css/home.css" type="text/css"/>
|
||||
<link rel="stylesheet" href="/static/css/nivo-slider.css" type="text/css"/><!-- what in the world happens on control minus?? -->
|
||||
|
||||
<script src="/static/js/jquery.nivo.slider.pack.js" type="text/javascript"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
$(document).ready(function() {
|
||||
$('#slider').nivoSlider();
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div id="slider">
|
||||
<!-- i disable the previous and next from the css only, dint touch the JS, did the right thing? LOOKS TERRIBLE IN IE -->
|
||||
<img src="/static/images/Slide5.jpg" width="750" height="563">
|
||||
<img src="/static/images/Slide14.jpg" width="750" height="563">
|
||||
<img src="/static/images/Slide21.jpg" width="750" height="563">
|
||||
</div><!--SLIDER CLOSING-->
|
||||
{% endblock %}
|
||||
|
||||
{% extends 'base.html' %}
|
||||
|
||||
{% block title %} | Lifestyle | Design | Urbanism | Mumbai {% endblock %}
|
||||
|
||||
{% block extra_head %}
|
||||
|
||||
<link rel="stylesheet" href="/static/css/home.css" type="text/css"/>
|
||||
<link rel="stylesheet" href="/static/css/nivo-slider.css" type="text/css"/>
|
||||
|
||||
|
||||
<script src="/static/js/jquery.nivo.slider.pack.js" type="text/javascript"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
|
||||
$(document).ready(function() {
|
||||
$('#slider').nivoSlider({
|
||||
directionNav: false,
|
||||
});
|
||||
});
|
||||
|
||||
</script>
|
||||
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div id="slider">
|
||||
|
||||
<img src="/static/images/Slide5.jpg" width="750" height="563">
|
||||
<img src="/static/images/Slide14.jpg" width="750" height="563">
|
||||
<img src="/static/images/Slide21.jpg" width="750" height="563">
|
||||
</div><!--SLIDER CLOSING-->
|
||||
{% endblock %}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,16 +1,21 @@
|
|||
{% extends 'inner.html' %}
|
||||
|
||||
{% block inner_content %}
|
||||
<p>We are currently looking to work with Architects, Interior Designers, Visualisers and draftsmen to work
|
||||
on high-end Architectural and Interior projects in the Commercial, Residential, Hospitality, Retail and Institutional sectors.</p> <br>
|
||||
|
||||
<p>Please mail us your resume with details/date of joining at <br><br>
|
||||
|
||||
<span class="orange"><a href="">urbanstudioindia@yahoo.co.in</a></span> <br><br><!-- my link is only "", right?import copy to clipboard -->
|
||||
|
||||
<span class="orange"><a href="">urbanstudioindia@gmail.com.</a></span><br>
|
||||
</p>
|
||||
|
||||
{% endblock %}
|
||||
|
||||
|
||||
{% extends 'inner.html' %}
|
||||
|
||||
{% block title %} | Job Applications | Architects | Interior Designers | Visualisers | Draftsmen | Mumbai {% endblock %}
|
||||
|
||||
{% block extra_meta_content %}: Job Applications {% endblock %}
|
||||
|
||||
|
||||
{% block inner_content %}
|
||||
<p>We are currently looking to work with Architects, Interior Designers, Visualisers and draftsmen to work
|
||||
on high-end Architectural and Interior projects in the Commercial, Residential, Hospitality, Retail and Institutional sectors.</p> <br>
|
||||
|
||||
<p>Please mail us your resume with details/date of joining at <br><br>
|
||||
|
||||
<p>urbanstudioindia@yahoo.co.in</p> <br>
|
||||
|
||||
<p>urbanstudioindia@gmail.com</p><br>
|
||||
</p>
|
||||
|
||||
{% endblock %}
|
||||
|
||||
|
||||
|
|
|
|||
|
|
@ -1,21 +1,26 @@
|
|||
{% extends 'inner.html' %}
|
||||
{% block contentId %}
|
||||
id="showContent"
|
||||
{% endblock %}
|
||||
|
||||
{% block inner_content %}
|
||||
<p class="orange"><strong>Title</strong></p>
|
||||
<br>
|
||||
<p>This is dummy text about a beautiful architectural website.</p>
|
||||
<br>
|
||||
<a href="">www.link.com</a>
|
||||
<br><br><br>
|
||||
|
||||
<p class="orange"><strong>Title</strong></p>
|
||||
<br>
|
||||
<p>This is dummy text about a beautiful architectural website.</p>
|
||||
<br>
|
||||
<a href="">www.link.com</a>
|
||||
<br><br><br>
|
||||
{% endblock %}
|
||||
|
||||
{% extends 'inner.html' %}
|
||||
|
||||
{% block title %} | Links {% endblock %}
|
||||
|
||||
{% block extra_meta_content %}: Links {% endblock %}
|
||||
|
||||
{% block contentId %}
|
||||
id="showContent"
|
||||
{% endblock %}
|
||||
|
||||
{% block inner_content %}
|
||||
<p class="orange"><strong>Title</strong></p>
|
||||
<br>
|
||||
<p>This is dummy text about a beautiful architectural website.</p>
|
||||
<br>
|
||||
<a href="">www.link.com</a>
|
||||
<br><br><br>
|
||||
|
||||
<p class="orange"><strong>Title</strong></p>
|
||||
<br>
|
||||
<p>This is dummy text about a beautiful architectural website.</p>
|
||||
<br>
|
||||
<a href="">www.link.com</a>
|
||||
<br><br><br>
|
||||
{% endblock %}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,65 +1,69 @@
|
|||
{% extends 'inner.html' %}
|
||||
|
||||
{% block extra2_head %}
|
||||
|
||||
<style type="text/css">
|
||||
|
||||
.noteworthy {
|
||||
margin-bottom:40px;
|
||||
}
|
||||
|
||||
.noteworthy:last-child {
|
||||
margin-bottom:10px;
|
||||
}/*is this correct?*/
|
||||
|
||||
.imgLinks {
|
||||
padding-right:20px;
|
||||
float:left;
|
||||
}
|
||||
|
||||
.imgLinks img
|
||||
{margin:0 auto;} /*we may want to remove this later*/
|
||||
</style>
|
||||
{% endblock %}
|
||||
|
||||
{% block contentId %}
|
||||
id="showContent"
|
||||
{% endblock %}
|
||||
|
||||
{% block inner_content %}
|
||||
|
||||
<div class="noteworthy">
|
||||
<div class="imgLinks">
|
||||
<img src="img/linksDummy.jpg" width="200" height="150" alt="links-dummy">
|
||||
</div><!-- What about different image sizes? make a container for the same? -->
|
||||
<p class="orange"><strong>Title</strong></p>
|
||||
<br>
|
||||
<p>This is dummy text about a beautiful architectural website.</p>
|
||||
<br>
|
||||
<a href="">Read more</a>
|
||||
<br><br><br>
|
||||
</div><!--NOTEWORTHY CLOSING -->
|
||||
|
||||
<div class="noteworthy">
|
||||
<img src="img/linksDummy.jpg" width="200" height="150" alt="links-dummy" class="imgLinks"><!-- What about different image sizes? make a container for the same? -->
|
||||
<p class="orange"><strong>Title</strong></p>
|
||||
<br>
|
||||
<p>This is dummy text about a beautiful architectural website.</p>
|
||||
<br>
|
||||
<a href="">Read more</a>
|
||||
<br><br><br>
|
||||
</div><!--NOTEWORTHY CLOSING -->
|
||||
|
||||
<div class="noteworthy">
|
||||
<img src="img/linksDummy.jpg" width="200" height="150" alt="links-dummy" class="imgLinks"><!-- What about different image sizes? make a container for the same? -->
|
||||
<p class="orange"><strong>Title</strong></p>
|
||||
<br>
|
||||
<p>This is dummy text about a beautiful architectural website.</p>
|
||||
<br>
|
||||
<a href="">Read more</a>
|
||||
<br><br><br>
|
||||
</div><!--NOTEWORTHY CLOSING -->
|
||||
|
||||
|
||||
{% endblock %}
|
||||
|
||||
{% extends 'inner.html' %}
|
||||
|
||||
{% block title %} | Noteworthy {% endblock %}
|
||||
|
||||
{% block extra_meta_content %}: Noteworthy {% endblock %}
|
||||
|
||||
{% block extra2_head %}
|
||||
|
||||
<style type="text/css">
|
||||
|
||||
.noteworthy {
|
||||
margin-bottom:40px;
|
||||
}
|
||||
|
||||
.noteworthy:last-child {
|
||||
margin-bottom:10px;
|
||||
}
|
||||
|
||||
.imgLinks {
|
||||
padding-right:20px;
|
||||
float:left;
|
||||
width:200px;
|
||||
height:150px;
|
||||
}
|
||||
|
||||
</style>
|
||||
{% endblock %}
|
||||
|
||||
{% block contentId %}
|
||||
id="showContent"
|
||||
{% endblock %}
|
||||
|
||||
{% block inner_content %}
|
||||
|
||||
<div class="noteworthy">
|
||||
<div class="imgLinks">
|
||||
<img src="img/linksDummy.jpg" width="200" height="150" alt="links-dummy">
|
||||
</div>
|
||||
<p class="orange"><strong>Title</strong></p>
|
||||
<br>
|
||||
<p>This is dummy text about a beautiful architectural website.</p>
|
||||
<br>
|
||||
<a href="">Read more</a>
|
||||
<br><br><br>
|
||||
</div><!--NOTEWORTHY CLOSING -->
|
||||
|
||||
<div class="noteworthy">
|
||||
<img src="img/linksDummy.jpg" width="200" height="150" alt="links-dummy" class="imgLinks">
|
||||
<p class="orange"><strong>Title</strong></p>
|
||||
<br>
|
||||
<p>This is dummy text about a beautiful architectural website.</p>
|
||||
<br>
|
||||
<a href="">Read more</a>
|
||||
<br><br><br>
|
||||
</div><!--NOTEWORTHY CLOSING -->
|
||||
|
||||
<div class="noteworthy">
|
||||
<img src="img/linksDummy.jpg" width="200" height="150" alt="links-dummy" class="imgLinks">
|
||||
<p class="orange"><strong>Title</strong></p>
|
||||
<br>
|
||||
<p>This is dummy text about a beautiful architectural website.</p>
|
||||
<br>
|
||||
<a href="">Read more</a>
|
||||
<br><br><br>
|
||||
</div><!--NOTEWORTHY CLOSING -->
|
||||
|
||||
|
||||
{% endblock %}
|
||||
|
||||
|
|
|
|||
|
|
@ -1,25 +1,29 @@
|
|||
{% extends 'inner.html' %}
|
||||
|
||||
{% block inner_content %}
|
||||
|
||||
<p><span class="orange">Urban Studio</span> is a young architectural practice based in Mumbai, India setup in 2003.
|
||||
<br><br></p>
|
||||
<p>The firm is headed by <br><br><span class="orange">Pronit Nath</span> (GD-ARCH, Mumbai / AA dip-London / RIBA-2) and <br> <span class="orange">Amisha Thanawala</span> (GD-ARCH, Mumbai / M-ARCH,THE BARTLETT, UK)</p><br>
|
||||
|
||||
<p>Urban Studio is an office of young cross-disciplinary architects that operate as a collective collaborative of multiple expertises.
|
||||
Among the different fields of interests that influence Urban Studio's approach towards architecture and interior design are the new sciences, information technology, artificial intelligence, infrastructural systems and the contemporary city.</p>
|
||||
|
||||
<br>
|
||||
|
||||
<p>Our work has been featured in several local as well as international publications. Currently with a team of 20 Architects and Interior Designers, Urban Studio is successfully handling projects of varied scales in different sectors of residential, commercial, hospitality, retail & institutional with several local and international publications featuring our work. From working on a large 100 acre mixed use scheme in Hyderabad to custom designing furniture pieces Urban Studio strives to attain the design bandwidth necessary in future markets. Urban Studio consciously limits itself in the number of projects that it handles at a time because of its commitment to design development and client service believing that in the end "good design is always good business".</p>
|
||||
|
||||
|
||||
{% endblock %}
|
||||
|
||||
{% block names %}
|
||||
<div id="names">
|
||||
<p>Pronit Nath</p>
|
||||
<p>Amisha Nath</p>
|
||||
</div><!--NAMES CLOSING-->
|
||||
|
||||
{% endblock %}
|
||||
{% extends 'inner.html' %}
|
||||
|
||||
{% block title %} | Pronit Nath | Amisha Nath {% endblock %}
|
||||
|
||||
{% block extra_meta_content %}: Profile {% endblock %}
|
||||
|
||||
{% block inner_content %}
|
||||
|
||||
<p><span class="orange">Urban Studio</span> is a young architectural practice based in Mumbai, India setup in 2003.
|
||||
<br><br></p>
|
||||
<p>The firm is headed by <br><br><span class="orange">Pronit Nath</span> (GD-ARCH, Mumbai / AA dip-London / RIBA-2) and <br> <span class="orange">Amisha Thanawala</span> (GD-ARCH, Mumbai / M-ARCH,THE BARTLETT, UK)</p><br>
|
||||
|
||||
<p>Urban Studio is an office of young cross-disciplinary architects that operate as a collective collaborative of multiple expertises.
|
||||
Among the different fields of interests that influence Urban Studio's approach towards architecture and interior design are the new sciences, information technology, artificial intelligence, infrastructural systems and the contemporary city.</p>
|
||||
|
||||
<br>
|
||||
|
||||
<p>Our work has been featured in several local as well as international publications. Currently with a team of 20 Architects and Interior Designers, Urban Studio is successfully handling projects of varied scales in different sectors of residential, commercial, hospitality, retail & institutional with several local and international publications featuring our work. From working on a large 100 acre mixed use scheme in Hyderabad to custom designing furniture pieces Urban Studio strives to attain the design bandwidth necessary in future markets. Urban Studio consciously limits itself in the number of projects that it handles at a time because of its commitment to design development and client service believing that in the end "good design is always good business".</p>
|
||||
|
||||
|
||||
{% endblock %}
|
||||
|
||||
{% block names %}
|
||||
<div id="names">
|
||||
<p>Pronit Nath</p>
|
||||
<p>Amisha Nath</p>
|
||||
</div><!--NAMES CLOSING-->
|
||||
|
||||
{% endblock %}
|
||||
|
|
|
|||
|
|
@ -1,8 +1,14 @@
|
|||
{% extends 'base.html' %}
|
||||
|
||||
{% block title %} | Commercial | Residential | Hospitality | Retail | Institutional {% endblock %}
|
||||
|
||||
|
||||
{% block extra_meta_content %}: Projects {% endblock %}
|
||||
|
||||
{% block extra_head %}
|
||||
|
||||
<link rel="stylesheet" href="/static/css/projects.css" type="text/css"/>
|
||||
<link rel="stylesheet" href="/static/css/global.css" type="text/css"/>
|
||||
<link rel="stylesheet" href="/static/css/projectslider.css" type="text/css"/>
|
||||
<link rel="stylesheet" href="/static/css/simplyscroll.css" type="text/css"/>
|
||||
|
||||
<script type="text/javascript" src="/static/js/slides.min.jquery.js"></script>
|
||||
|
|
@ -14,6 +20,7 @@
|
|||
$('#slidesDiv').slides({
|
||||
preload: true,
|
||||
preloadImage: 'img/loading.gif',
|
||||
pagination: false, //SANJ NOT WORKING
|
||||
play: 5000,
|
||||
pause: 4000,
|
||||
hoverPause: true
|
||||
|
|
@ -48,7 +55,7 @@
|
|||
<script type="text/javascript">
|
||||
|
||||
(function($) {
|
||||
$(function() { //on DOM ready
|
||||
$(function() {
|
||||
$("#scroller").simplyScroll({
|
||||
speed: 5
|
||||
});
|
||||
|
|
@ -60,6 +67,9 @@
|
|||
{% endblock %}
|
||||
|
||||
|
||||
{% block names %}
|
||||
{% endblock %}
|
||||
|
||||
{% block content %}
|
||||
<div id="galleryContainer">
|
||||
|
||||
|
|
@ -67,13 +77,7 @@
|
|||
|
||||
<div id="slidesDiv">
|
||||
<div class="slidesInner">
|
||||
<a href=""><img src="/static/images/dummyimage.jpg" width="600" height="450"></a>
|
||||
<a href=""><img src="/static/images/Slidedummya.jpg" width="297" height="450" alt="Slide 1"></a>
|
||||
<a href=""><img src="/static/images/Slidedummyb.jpg" width="600" height="450" alt="Slide 2"></a>
|
||||
<a href=""><img src="/static/images/Slidedummyc.jpg" width="299" height="450" alt="Slide 2"></a>
|
||||
<a href=""><img src="/static/images/Slidedummyd.jpg" width="600" height="375" alt="Slide 2"></a>
|
||||
|
||||
|
||||
|
||||
</div>
|
||||
|
||||
<a href="#" class="prev"><img src="/static/images/arrowprevious.png" width="30" height="30" alt="Arrow Prev"></a>
|
||||
|
|
@ -94,55 +98,22 @@
|
|||
<p class="orange" id="projectDesignStatement">Design Statement</p>
|
||||
<p>Dummy text</p>
|
||||
<br>
|
||||
<!--
|
||||
<p class="orange">Start Date ???</p>
|
||||
<p>Dummy text</p>
|
||||
<br>
|
||||
|
||||
<p class="orange">End Date ???</p>
|
||||
<p>Dummy text</p>
|
||||
<br>
|
||||
|
||||
<p class="orange">Location ???</p>
|
||||
<p>Dummy text</p>
|
||||
<br>
|
||||
-->
|
||||
<p class="orange" id="projectExtraText">Content Block ???</p>
|
||||
<p class="orange" id="projectExtraText">Content Block</p>
|
||||
<p>Dummy text Dummy text Dummy text</p>
|
||||
<br>
|
||||
|
||||
</div><!--TEXT GALLERY CLOSING-->
|
||||
<!--</div> --><!--PROJECT GALLERY CLOSING-->
|
||||
|
||||
</div>
|
||||
<div class="clear">
|
||||
</div><!--CLEAR CLOSING-->
|
||||
|
||||
<ul id="scroller"><!-- logo jutting right on 1024 -->
|
||||
<ul id="scroller">
|
||||
{% load thumbnail %}
|
||||
{% for p in projects %}
|
||||
{% thumbnail p.thumb_image "100x100" crop="center" as im %}
|
||||
<li><img src="{{ im.url }}" data-id="{{ p.id }}" width="100" height="100" class="projectThumb" /></li>
|
||||
{% endthumbnail %}
|
||||
{% endfor %}
|
||||
<!--
|
||||
<li><img src="/static/images/dummy1.jpg" width="100" height="100" class="selected"></li>
|
||||
<li><img src="/static/images/dummy2.jpg" width="100" height="100" class="selected"></li>
|
||||
<li><img src="/static/images/dummy3.jpg" width="100" height="100" class="selected"></li>
|
||||
<li><img src="/static/images/dummy4.jpg" width="100" height="100" class="selected"></li>
|
||||
<li><img src="/static/images/dummy5.jpg" width="100" height="100" class="selected"></li>
|
||||
<li><img src="/static/images/dummy1.jpg" width="100" height="100" class="selected"></li>
|
||||
<li><img src="/static/images/dummy1.jpg" width="100" height="100" class="selected"></li>
|
||||
<li><img src="/static/images/dummy2.jpg" width="100" height="100" class="selected"></li>
|
||||
<li><img src="/static/images/dummy3.jpg" width="100" height="100" class="selected"></li>
|
||||
<li><img src="/static/images/dummy4.jpg" width="100" height="100" class="selected"></li>
|
||||
<li><img src="/static/images/dummy5.jpg" width="100" height="100" class="selected"></li>
|
||||
<li><img src="/static/images/dummy1.jpg" width="100" height="100" class="selected"></li>
|
||||
<li><img src="/static/images/dummy1.jpg" width="100" height="100" class="selected"></li>
|
||||
<li><img src="/static/images/dummy2.jpg" width="100" height="100" class="selected"></li>
|
||||
<li><img src="/static/images/dummy3.jpg" width="100" height="100" class="selected"></li>
|
||||
<li><img src="/static/images/dummy4.jpg" width="100" height="100" class="selected"></li>
|
||||
<li><img src="/static/images/dummy5.jpg" width="100" height="100" class="selected"></li>
|
||||
<li><img src="/static/images/dummy1.jpg" width="100" height="100" class="selected"></li>
|
||||
-->
|
||||
</ul>
|
||||
{% endblock %}
|
||||
Loading…
Reference in New Issue
Block a user