How to create fully functional website in android using PHP,MYSQL,HTML,CSS Tutorial #6

In this tutorial you are going to learn how to make a website using html & css, and add some functionality to saved user input into our local server, so be sure to watch the complete series of video and start building your awesome website today.

Download Complete file here: #Mirror1,#Mirror2

#Home Screen Page HTML Code:

<!Doctype html>
<html lang="English">
<meta charset="utf-8"/>
<meta name="viewport" content="width=device-width", initial-scale="1"/>
<meta description="Home Page"/>
<meta name="author" content="Ronaldo"/>
<link rel="stylesheet" type="text/css" href="home.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<head>
<title>Home</title>
</head>
<body>
 
<table id="main-table" width="1080" height="1500" align="center">

<tr><td>
<form id="f1" action="#" method="post">
<table id="navigation-table"align="center" width="1080" height="60">

<td id ="td-nav";>
<a href="#" id="a1">Maxwell Works</a>
</td>

<td id="tdhome">
 <a href="#" id="ahome">Home</a>
  </td>
  
  <td id="tdabout">
  <a  href="#"id="about">About us</a>
  </td>
  
  <td id="tdlogin">
 <a  href="#" id="alogin">Login</a>
  </td>
   </tr>
  </table>
  
  </form>
</td>
  </tr>

<tr>
<td id = "td-th1">    Welcome to the MaxWell Works</br></br></td>
</tr>
<tr>
<td id="td-th2"><h2>    A Transparent Market</h2></br></td>
</tr>

<tr>
<td id="td-th3">    No Magic, No questions, Only Work</td>
</tr>

<tr>
<td id="td-th4">    
Do every work with confidence</td>
</tr>

</table>

</td>

<td id="main-table-data2">

<table id="main-table-t2"  width="540" height="540" align="center">

<tr id="tr-illustration">
<td id="td-illustration1">
<img src="img/illustration-home-section-1.png" alt="imgbody" id="main-body-img" width="100%" height="500" align="right"/>
</br>
<div id = "container-btn">
<a href="#" id="view-job-btn">View Jobs</a>  
<a href="#" id="view-market-btn">View Market</a>
</div>
</td>
</tr>
</table>

</td>

</tr>
</table>
</td>
</tr>

<tr>
  <td><table id="table3" align="center" width="1080" height="580">
  <tr>
  <td id="td-h2"><h2 id="header2">Find Your Own Market!</h2></td>
  </tr>
</table></td>
</tr>

  <tr>
    <td>
      
      <fieldset id="fieldset1">
      <table id="footer-table" width="1080" height="300" align="center">
     <tr>
       <td>

<table id="table-footer" align="center" width="100%">
<tr id="tr-footer1">
<td id="td-careers"><a id="a-careers" href="#" >Careers</a></td>
<td id="td-support"><a id="a-support" href="#">Support</a></td>
<td id="td-contact"><a id="a-contact" href="#">Contact</a></td>
</tr>
</table>

<table id="table-footer2" align="center" width="100%">
<tr id="tr-footer2">
<td id="td-careers"><a id="a-careers" href="#" >Lorem</a></td>
<td id="td-support"><a id="a-support" href="#">Lorem</a></td>
<td id="td-contact"><a id="a-contact" href="#">Lorem</a></td>
</tr>
<tr id="tr-footer3">
<td id="td-careers"><a id="a-careers" href="#" >Lorem</a></td>
<td id="td-support"><a id="a-support" href="#">Lorem</a></td>
<td id="td-contact"><a id="a-contact" href="#">Lorem</a></td>
</tr>
<tr id="tr-footer4">
<td id="td-careers"><a id="a-careers" href="#" >Lorem</a></td>
<td id="td-support"><a id="a-support" href="#">Lorem</a></td>
<td id="td-contact"><a id="a-contact" href="#">Lorem</a></td>
</tr>
</table>


<table id="table-social-media-icon" align="center">
<tr>
<td id="td-social-icon"><button id="btn-insta"><img src="img/instagram_icon01.png" width="40px" height="30px" align="center"/></button></td>
<td id="td-social-icon"><button id ="btn-twitter"><img src = "img/twitter2.png" width = "45px" height="40px" align="center"/></button></td>
</tr>
</table>

</td>
     </tr>
      </table>
      </fieldset>
      
      </td>
      </tr>

</table>
</body>
</html>

#HomeScreen Page CSS Code:

margin:0;
	padding: 0;
}
body{
display:block;
margin-top: 5%;	
margin-bottom:5%;
margin:auto;
box-sizing: border-box;
background-color:#fbfcff;
width: 1080px;
height: 1500px;
}

a#a1{
text-decoration:none;
color: #04428b;
font-weight:bold;
}
a#a1:hover{
color:orange;
}

img#img1{
	
	display:block;
}
td#td-nav{
text-align:center;
}
td{
	font-size:24px;
}

table#navigation-table td#td2{
		text-align: center;
	}

td#td-th1{
color:#04428b;
}
h2#header2{
color:#04428b;
margin-left:5%;
font-size:24px;
font-weight: bold;
margin-bottom:-2%;
}

td#td-th2{
color:#04428b;
}
td#td-th3{
color:#04428b;
}
td#td-th4{
color:#04428b;
}
table#main-table{
	background-color:#fbfcff;
	display: block;
}
table#main-table-t1{
	display:block;
	text-align: left;
	margin-top: -15%;
}

table#main-subtable{
	display: block;
}
table#table3{
	display: block;
	background-image: url('img/illustration-home-section2.png');
	background-repeat: no-repeat;
	background-size:1080px;
	background-position: center;
}
table#table3 td#td-h2{
	width: 540px;
	text-align: center;
}

table#table-footer{
background-color: #04428b;	
display: relative;
margin-top: 5%;

}

form#f1{
	width: 1080px;
	height:60px;
	display:block;
	margin: auto;
}
button#btn1{
	border-radius:100%;
	border-style: none;
	margin-left: -365%;
	width: 35px;
	margin-top: 7%;
	height: 35px;
	text-align: center;
	background-image: url('img/button-icon.png');
	background-repeat: no-repeat;
	background-size: 16px;
	background-position: center;
}

td#tdhome{
text-align:center;
}

td#tdabout{
text-align:center;
}
td#tdlogin{
text-align:center;
}
td#tdhome a#ahome{
color: #04428b;
text-decoration:none;

}
td#tdhome a#ahome:hover{
color:orange;
}

td#tdabout a#about{
color: #04428b;
text-decoration:none;
text-align: center;
}
td#tdabout a#about:hover{
color:orange;
}
td#tdlogin a#alogin{
color: #04428b;
text-decoration:none;
background-color:#f2e908;
padding:6px;
text-align: center;
padding-left: 20px;
padding-right:20px;
border-radius:100px;

}
td#tdlogin a#alogin:hover{
background-color:#C8B560;
}

input#query{
	border-radius: 50px;
	background-color:#04428b;
	color:white;
	width: 275px;
	height: 35px;
	font-size: 16px;
	text-align:left;
	margin:auto;
	font-weight:bold;

}
table#navigation-table{
display:relative;	
text-align: center;
border-bottom: solid #C4C4C4;

}
::placeholder{
	font-size: 16px;
	text-align: left;
}

a#view-job-btn{

background-color:#04428b;
padding:5px;
padding-left: 24px;
padding-right:24px;
color:white;
text-align:center;
text-decoration:none;
border-radius:100px;
font-size:24px;

}
a#view-job-btn:hover{
background-color: #488AC7;
}

a#view-market-btn{
background-color:#04428b;
padding:5px;
padding-left: 12px;
padding-right:12px;
color:white;
text-align:center;
text-decoration:none;
font-size:24px;
border-radius:100px;

}
a#view-market-btn:hover{
background-color: #488AC7;

}

table#table3{
display:relative;
}

table#table-footer{
display:relative;
background-color:#04428b;
}

table#table-footer2{
background-color:#04428b;
margin-top:5%; 
}
a#a-careers{
color:white;
font-weight:bold;
text-decoration:none;
}
a#a-careers:hover{
color:orange;
}

a#a-support{
color:white;
font-weight:bold;
text-decoration:none;
}
a#a-support:hover{
color:orange;
}
a#a-contact{
color:white;
font-weight:bold;
text-decoration:none;

}
a#a-contact:hover{
color:orange;
}
td#td-careers{
text-align:center;
}
td#td-support{
text-align:center;
}
td#td-contact{
text-align:center;
}
td#td-illustration1{
text-align:center;
}
td#td-btn{
	
	text-align: center;
}
fieldset#fieldset1{
background-color:#04428b;
border-style:none;
margin-top:-4%;
display: block;

}

table#table-social-media-icon{
margin-top:5%;
display: relative;
margin: auto;

}
#btn-insta{
background-color:transparent;
border-style:none;

}
#btn-twitter{
background-color:transparent;
border-style:none;
}

How to create fully functional website in android using PHP,MYSQL,HTML,CSS Tutorial #6

Download Complete file here: #Mirror1,#Mirror2

Posted by ninalblog

Post a Comment

0 Comments

Search This Blog

Subscribe Us

Tags

linkvertise

Total Pageviews

Most Popular

Best wifi password Retriever using WPS PIN & BULLY in android

How to create fully functional website in android using PHP,MYSQL,HTML,CSS Tutorial #8

Download

Categories

How to create fully functional website in android using PHP,MYSQL,HTML,CSS Tutorial #6

Download Complete file here: #Mirror1,#Mirror2

Posted by ninalblog

Post a Comment

0 Comments

Search This Blog

Subscribe Us

Tags

linkvertise

Total Pageviews

Most Popular

Best wifi password Retriever using WPS PIN & BULLY in android

How to create fully functional website in android using PHP,MYSQL,HTML,CSS Tutorial #8

Download

Categories

Footer Social Widget