PHP Web View Online

Browse more Phpweb Examples
<!doctype html>
<html>

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<head>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<link rel="icon" type="image/png" href="C:/Documentsandsettings/Abhishek/Desktop/large2 (1).png">


<style>

.header {
    height:200px;
    width:200px;
    
}
.social {
    float:right;
    margin-right:15px;
}

.top-header {
    color:black;
    text-decoration:none;
    
}

.nav {
    background-color:blue;
    text-decoration:none;
    text-transform:capitalize;
    color:black;
    
}

hover:nav {
    color:white;
    background-color:black;
}

<section>
</section>

<article>
</article>


<aside>
</aside>

<details>
</details>

.footer {
    background-color:lightblue;
    text-align:center;
    text-transform:capitalize;
    
}

.button {

  background-color: #4CAF50;
  color: white;
  padding: 14px 20px;
  margin: 8px 0;
  border: none;
  cursor: pointer;
  width: 100%;
  opacity: 0.9;
  text-transform:capitalize;
  background-color: #f44336;
}



.signup {
  padding: 14px 20px;
  background-color: #f44336;
}


button:hover {
  opacity:1;
}


</style>
</head>


<body>
<header><span class="top-header"><b>&#9742 8368155353 &nbsp &nbsp &nbsp  &#9993 [email protected]</b></span>
<span class="social"><i class="fa fa-facebook-f" style="font-size:20px;color:blue;"></i> &nbsp <i class="fa fa-google-plus" 

style="font-size:20px;color:red"></i> &nbsp <i class="fa fa-pinterest" style="font-size:20px;color:red"></i> &nbsp <i class="fa fa-twitter" 

style="font-size:20px;color:skyblue;"></i> &nbsp <i class="fa fa-whatsapp" style="font-size:20px;color:green;"></i> &nbsp <i class="fa 

fa-youtube-play" style="font-size:20px;color:red;"></i> &nbsp  <i class="material-icons" style="font-size:20px;color:black;"></i>
</i>  <button>login</button> &nbsp <button class="signup">signup</button> </span> </header>
    
<div class="header"><img src="C:/Documents and Settings/Abhishek/Desktop/header (1).png" height="100" width="100px"></div>    

<nav> courses |  blog  |  news |  </nav>
<footer>
    @copy
</footer>
</body>

</html>
PHP Web View Online

Follow

Newsletter
