rxLgWx

index.html

<div class="container">
  <div class="row">
    <div class="container-fluid">
      <div class="navbar-header">
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
          <span class="sr-only">Toggle navigation</span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a class="navbar-brand" href="#">Yashdeep Hinge</a>
      </div>
      <div id="navbar" class="navbar-collapse collapse pull-right">
        <ul class="nav navbar-nav">
          <li class="active"><a href="#">Home</a></li>
          <li><a href="#">About</a></li>
          <li><a href="#">Portfolio</a></li>
          <li><a href="#">Contact</a></li>
        </ul>
      </div>
    </div>
  </div>
  <div class="row">
    <div class="col-md-12 home">
      <h1 class="text-center">Vengicx Web Studio<br>
      <small class="small">Dedicated to creativity</small>
      </h1>
      <hr>
      <div class="row">
        <div class="col-md-12">
        <div class="col-md-3"><a href="https://twitter.com" class="btn btn-lg btn-default"><i class="fa fa-twitter"></i> Twitter</a></div>
        <div class="col-md-3"><a href="https://linkedin.com" class="btn btn-lg btn-default"><i class="fa fa-linkedin"></i> LinkedIn</a></div>
        <div class="col-md-3"><a href="https://github.com" class="btn btn-lg btn-default"><i class="fa fa-github"></i> Github</a></div>
        <div class="col-md-3"><a href="https://freecodecamp.com/yashdeeph709" class="btn btn-lg btn-default"><i class="fa fa-code"></i> Free Code Camp</a></div>
        </div>
      </div>
    </div> 
  </div>
    <div class="row">
    <div class="col-md-12 about">
      <h1 class="text-center">Vengicx Web Studio</h1>
    </div> 
  </div>
    <div class="row">
    <div class="col-md-12 portfolio">
      <h1 class="text-center">Vengicx Web Studio</h1>
    </div> 
  </div>
    <div class="row">
    <div class="col-md-12 contactus">
      <h1 class="text-center">Vengicx Web Studio</h1>
    </div> 
  </div>
</div>

rxLgWx.markdown

rxLgWx

A Pen by yashdeep on CodePen.

License.

style.css

body{
  font-family:Monospace;
  color:#33AFAA;
}
.home h1{
  font-size:3em;
  font-family:Monospace;
}
.home hr{
  height:1px;
  background-color:#33AF77;
}
.home button:hover{
  -ms-transform: scale(1.2); /* IE 9 */
    -webkit-transform: scale(1.2); /* Safari */
    transform: scale(1.2); 
  -webkit-transition: all .3s ease-in;
  -moz-transition: all .3s ease-in;
  -o-transition: all .3s ease-in;
  transition: all .3s ease-in;

}
a{
  color:inherit;
}
.aboutus{}
.portfolio{}
.contactus{}
.small{}

styles

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css" rel="stylesheet" />
<link href="//cdnjs.cloudflare.com/ajax/libs/animate.css/3.2.3/animate.min.css" rel="stylesheet" />
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" rel="stylesheet" />