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

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

Download the 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 #2

Download the 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 make animation in game programming libgdx

Download

Categories

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

Download the 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 make animation in game programming libgdx

Download

Categories

Footer Social Widget