Devco Rutgers Academic Buildings

In this example below you will see how to do a Devco Rutgers Academic Buildings with some HTML / CSS and Javascript

Thumbnail
This awesome code was written by TomazPowell94, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright TomazPowell94 ©
  • HTML
  • CSS
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>Devco Rutgers Academic Buildings</title>
  
  
  
      <link rel="stylesheet" href="css/style.css">

  
</head>

<body>

  <body> 
  <div class="banner"> 
      <div class= "content">
        <P> Rutgers Transformed </P>
         
          </div>
          
        <div class= "content">    
             <p> In the News</p> 
          
    </div>
    <div class= "content">
      <p>Who we are</p> </div>
    
    <img src= "http://rutgersfuturebydevco.org/assets/site/images/logo.png " </img>
    <img src= "http://rutgersfuturebydevco.org/download/images/Carousel/rabsub117.jpg" </img>
  
  

</body>

</html>

/*Downloaded from https://www.codeseek.co/TomazPowell94/devco-rutgers-academic-buildings-Omjpxp */
body{
  
  background-color: red;
  
  text-align: center;
  height: 100%;
  width: 100%;
  color:blue;
  border:20px solid black;
}

p{
  color:black;
  font-size:50px;
}
.banner{
  border: 50px;
  align:top;
  text-align:center;
  background-color:white;
  
}

.content{
  display:inline-block;
  background-color:white;
  text-align:center;
  width:30%;
  height:40px;
 
}

Comments