Skip to content

Commit

Permalink
emobile
Browse files Browse the repository at this point in the history
  • Loading branch information
@Ashraf1255
Ashraf1255 committed Apr 28, 2016
1 parent d35f896 commit ddd441b
Show file tree
Hide file tree
Showing 6 changed files with 404 additions and 0 deletions.
45 changes: 45 additions & 0 deletions all.php
View file
@@ -0,0 +1,45 @@
<!DOCTYPE html>
<html>
<head>
<title>emobile_Pastrolism</title>
<link rel="stylesheet" type="text/css" href="style.css">
<meta charset="utf-8"/>
<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<div id="head">
<a href="main.php"><img src="pic/head.png"></a>
</div>
<div class="main">
<div id="head">
<h2>Choice</h2>
</div>
<div>
<div id="four">
<a href=""><img src="pic/one.png"></a>
</div>
<div id="four">
<a href=""><img src="pic/two.png"></a>
</div>
<div id="four">
<a href=""><img src="pic/three.png"></a>
</div>
<div id="four">
<a href=""><img src="pic/four.png"></a>
</div>
</div>
</div>
</div>
</body>
</html>
60 changes: 60 additions & 0 deletions all_map.php
View file
@@ -0,0 +1,60 @@
<!DOCTYPE html>
<html>
<head>
<title>emobile_Pastrolism</title>
<link rel="stylesheet" type="text/css" href="style.css">
<meta charset="utf-8"/>
<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<div id="head">
<a href="main.php"><img src="pic/head.png"></a>
</div>
<div class="main">
<div id="head">
<h2>Choice</h2>
</div>
<div>
<div id="four">
<a href=""><img src="pic/carbon.png"></a>
</div>
<div id="four">
<a href=""><img src="pic/cloud.png"></a>
</div>
<div id="four">
<a href=""><img src="pic/fire.png"></a>
</div>
<div id="four">
<a href=""><img src="pic/land.png"></a>
</div id="four">
<div id="four">
<a href=""><img src="pic/productivity.png"></a>
</div>
<div id="four">
<a href=""><img src="pic/rain.png"></a>
</div>
<div id="four">
<a href=""><img src="pic/snow.png"></a>
</div>
<div id="four">
<a href=""><img src="pic/vegetation.png"></a>
</div>
<div id="four">
<a href=""><img src="pic/water.png"></a>
</div>
</div>
</div>
</div>
</body>
</html>
59 changes: 59 additions & 0 deletions main.php
View file
@@ -0,0 +1,59 @@
<!DOCTYPE html>
<html>
<head>
<title>emobile_Pastrolism</title>
<link rel="stylesheet" type="text/css" href="style.css">
<meta charset="utf-8"/>
<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<div id="head">
<a href="main.php"><img src="pic/head.png"></a>
</div>
<div class="main">
<div id="head">
<h2>Browse Topics</h2>
</div>
<div id="one">
<button onclick="window.location.href='select.php'">
<p>Water</p>
</button>
<button onclick="window.location.href='select.php'">
<p>Land</p>
</button>
<button onclick="window.location.href='select.php'">
<p>Heat</p>
</button>
<button onclick="window.location.href='select.php'">
<p>Life</p>
</button>
<button onclick="window.location.href='select.php'">
<p>Atmosphere</p>
</button>
<button onclick="window.location.href='select.php'">
<p>Snow and Ice</p>
</button>
<button onclick="window.location.href='select.php'">
<p>Human Presence</p>
</button>
<button onclick="window.location.href='select.php'">
<p>World of Change</p>
</button>
<button onclick="window.location.href='all_map.php'">
<p>Global Maps</p>
</button>
</div>
</div>
</div>
</body>
</html>
40 changes: 40 additions & 0 deletions select.php
View file
@@ -0,0 +1,40 @@
<!DOCTYPE html>
<html>
<head>
<title>emobile_Pastrolism</title>
<link rel="stylesheet" type="text/css" href="style.css">
<meta charset="utf-8"/>
<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
</head>
<body>
<div class="container">
<div id="head">
<a href="main.php"><img src="pic/head.png"></a>
</div>
<div class="main">
<div id="head">
<h2>Choice</h2>
</div>
<div id="two">
<button onclick="window.location.href='year.php'">
<p>Select By Year</p>
</button>
<button onclick="window.location.href='all.php'">
<p>All</p>
</button>
</div>
</div>
</div>
</body>
</html>
110 changes: 110 additions & 0 deletions style.css
View file
@@ -0,0 +1,110 @@
body{
background-image: url("pic/back.jpg");
margin: 0;
}

.container{
width: 500px;
margin: 48px auto 20px;
background-color:#FFFFFF;
border: 8px solid #CCCCCC;
background-color: #66b3ff;
}
#hea{
float: right;
width: 200px;


}
#hea a{

text-decoration: none;

}

#head{

}

#head h2{
background-color: #FFFFFF;
text-align: center;

}



#one button{
width: 350px;
margin: 2px;

}

#one button:hover{
color: #ffffff;
background-color: #004080;
}

#two button{
width: 350px;
margin: 2px;

}

#two button:hover{
color: #ffffff;
background-color: #004080;
}
#three{
border: 1px solid blue;
padding: 5px;
margin: 25px;
}
#three button{
margin: 5px;
border-radius: 10px;
}

#three button:hover{
color: #ffffff;
background-color: #004080;
}

#four{

border: 1px solid blue;
margin: 3px;
}
#four a{

margin: 3px;
border-radius: 5px;
text-decoration: none;
}

#four a:hover{
color: #ffffff;
background-color: #004080;
}

.main{
width: 365px;
margin: 45px auto 10px;
border: 1px solid #CCCCCC;
padding: 20px;
background-color: #FFFFFF;

}





#footer{

text-align: center;
background-color: #d9d9d9;
}
#footer p a{
color: #4d4d4d;
}

0 comments on commit ddd441b

Please sign in to comment.