please help to create a home page. I can to understand how to make home like this(http://propertylele.com/.) my email id is [email protected] and [email protected]
this is master page
<%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterPage.master.cs" Inherits="MasterPage" %>
Maximize Profits
Technology
Solutions
Support
Maximize Profits
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tincidunt condimentum
lacus. Pellentesque ut diam.
Learn More
Flexible Technology
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tincidunt condimentum
lacus. Pellentesque ut diam.
Learn More
Practical Solutions
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tincidunt condimentum
lacus. Pellentesque ut diam.
Learn More
Customer Support
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tincidunt condimentum
lacus. Pellentesque ut diam.
Learn More
Donor
THis is my css of the master page.
*{padding:0; margin:0;}
.link{float:right; padding-right:12px; -webkit-transition: margin 0.5s ease-out;
-moz-transition: margin 0.5s ease-out;
-o-transition: margin 0.5s ease-out; }
.ex1{ padding-top:1px; }
.ex1 img:hover { margin-top: 12px;}
/************menu bar**************/
#wrapper{float:right;width:714px; height:40px; background-color:#f23133;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#navMenu{margin:0; padding:0;width:714px; height:40px;}
#navMenu ul{margin:0; padding:0; line-height:40px;}
#navMenu li{margin:0; padding:0;list-style:none;float:left;position:relative; height:40px;}
#navMenu ul li a{ text-align:center; font-family:Verdana;text-decoration:none;height:40px; width:110px; display:block;border-left:1px solid #ff0066;
border-right:1px solid #ff0066;font-size: 10px; color: #f3f3f3;}
#navMenu ul ul{ position:absolute; visibility:hidden;top:38px; z-index: 999;opacity: 0.36 !important;}
#navMenu ul li:hover ul{ visibility:visible;background-color:#f23133;-webkit-border-radius: 5px;-moz-border-radius: 5px; border-radius: 5px;} /* broder 5 6 01*/
#navMenu li a:hover{background:#ff0000;}
/*
.menu{height: 39px; width:77%;float:right; font-size:12px; padding:0px; position:relative;}
.menu ul {padding:0;margin:0;list-style-type:none; height:39px; margin-top:0px;width: 714px;}
.menu ul li { text-align:center;}
.menu ul li {float:left;height:34px;line-height:28px;width: 119px;}
.menu ul ul {width:auto; }
.menu ul ul li{ display:block; width:auto; height:auto; position:absolute; }
*/
/******************************slide images***************************/
#mid_content1_wrapper {
width:100%;
border-top:3px solid #92a5bc;
border-bottom:1px solid #92a5bc;
margin:0 auto;
height: 345px;
}
#rotator {
background:#FFF;
color:#000;
position:relative;
padding-bottom:2.6em;
margin:0;
font-size:16px;
}
/* Tabs */
ul.ui-tabs-nav, li.ui-tabs-nav-item, li.ui-tabs-nav-item a:link, li.ui-tabs-nav-item a:visited {
margin:0;
padding:0;
border:0;
outline:0;
line-height:1.3;
text-decoration:none;
font-size:100%;
list-style:none;
float:left;
font-family:Arial, Helvetica, sans-serif;
}
ul.ui-tabs-nav
{
position: absolute;
bottom: 0px;
left: 0;
z-index: 1;
width: 100%;
background: #FFF url('../images/uitabsbg.gif') repeat-x right bottom;
border-top: 1px solid #FFF;
}
/* Non-Selected Tabs */
li.ui-tabs-nav-item a:link, li.ui-tabs-nav-item a:visited
{
font-size: .8em;
font-weight: normal;
color: #999;
background: #FFF url('../images/uitabsbg.gif') repeat-x left bottom;
border-left: 1px solid #FFF;
border-right: 1px solid #c5ced9;
}
/* Hovered Tab */
#rotator .ui-tabs-nav-item a:hover, #rotator .ui-tabs-nav-item a:active
{
background: #FFF url('../images/uiactivetabbg.gif') repeat-x left bottom;
color: #333;
}
#rotator .ui-tabs-nav-item a span {
float:left;
padding:1em;
cursor:pointer;
}
/* Active Tab */
#rotator .ui-tabs-selected a:link, #rotator .ui-tabs-selected a:visited, #rotator .ui-tabs-selected a:hover, #rotator .ui-tabs-selected a:active
{
background: #fff url('../images/uiactivetabbg.gif') repeat-x left bottom;
color: #333;
}
/* Content Panels */
#rotator .ui-tabs-panel {
font-family:Arial, Helvetica, sans-serif;
clear:left;
color:#000;
padding:40px 540px 15px 15px;
height:225px;
}
#rotator .ui-tabs-hide {
display:none;
}
#rotator h2 {
color:#E75D00;
font-weight:normal;
margin:0;
font-size:1.8em;
line-height:1.2em;
}
#rotator p {
font-size:1.1em;
margin:.5em 0;
color:#333;
}
#rotator .btn_get_started
{
float: left;
height: 30px;
width: 99px;
text-indent: -9999em;
margin-right: 7px;
overflow: hidden;
background: transparent url('../images/getstarted.gif') no-repeat;
}
#rotator .btn_learn_more {
float:left;
height:26px;
font-size:.9em;
}
/* Background Images */
#rotator #fragment-1
{
background: transparent url('../images/coins.jpg') no-repeat right top;
}
#rotator #fragment-2
{
background: transparent url('../images/bearings.jpg') no-repeat right top;
}
#rotator #fragment-3
{
background: transparent url('../images/map.jpg') no-repeat left top;
padding: 40px 15px 15px 540px;
}
#rotator #fragment-4
{
background: transparent url('../images/support.jpg') no-repeat left top;
padding: 40px 15px 15px 540px;
}
/******************footer**********************/
.footer_menu_size_links
{
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
text-decoration:none;
}
#footer_donors1
{
border:2px solid #cde6ff;
padding:0 0;
border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px; /* Old Firefox */
}
#footer1
{
margin-left:11px; margin-right:11px;border:2px solid #cde6ff; padding:0px 0px;
border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px;
}
#footer_menu
{
background-image: url('../images/footer_content_bg.jpg');
background-repeat: no-repeat;
background-size:100% 100%;
-moz-background-size:100% 100%; /* Old Firefox */
-webkit--background-size:100% 100%;/*chrome*/
}
this is my default page code
<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true"
CodeFile="Default.aspx.cs" Inherits="_Default" %>
this is my default page css
#mid_content_part2
{
/* background-image: url('../images/Volunteercommunity.jpg');
background-repeat: no-repeat;
background-size:
-moz-background-size: 100% 100%; /* Old Firefox */
/* -webkit--background-size: 100% 100%; /*chrome*/
}
.latest_new_article{ text-decoration:none; font-size:12px;}
#mid_content_part1{ border :1px solid #cde6ff;
border-radius:5px 5px 5px 5px;
-moz-border-radius:5px 5px 5px 5px; }
Replies
Know the answer? Post it — somebody with the same question will find it here.