Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="UTF-8">
- <title></title>
- <link rel="stylesheet" type="text/css" href="css/bootstrap.css">
- <script type="text/javascript" src="js/jquery.js"></script>
- <script type="text/javascript" src="js/bootstrap.js"></script>
- </head>
- <body>
- <div class="navbar navbar-inverse navbar-fixed-top">
- <div class="container">
- <div class="col-xs-2">
- </div>
- <div class="col-xs-8">
- <ul class="nav navbar-nav">
- <li> <a href="#">Home </a></li>
- <li> <a href="#">About </a></li>
- <li> <a href="#">Services </a></li>
- <li> <a href="#">Contact </a></li>
- </ul>
- </div>
- <div class="col-xs-2">
- </div>
- </div>
- </div>
- <div class="container" style="margin-top: 50px">
- <div class="col-xs-12">
- <div class="col-xs-2">
- </div>
- <div class="col-xs-8">
- <h3> Computer Science and Engineering <small> St.Cyril and Metodius University</small></h3>
- <hr>
- <div class="row">
- <div class="col-xs-6">
- <img src="img/project.png" class="img-responsive">
- </div>
- <div class="col-xs-6" style="margin-top: -10px">
- <h4>Project One</h4>
- <h5 style="margin-top: -5px"> Subheading</h5>
- <p>
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc non lacus ultricies, euismod est facilisis, ultricies turpis.
- Proin vel auctor nisi.
- </p>
- <div class="btn btn-primary" style="margin-top: -5px;">
- View Project
- </div>
- </div>
- </div>
- <hr>
- <div class="row" style="margin-top: 20px">
- <div class="col-xs-6">
- <img src="img/project.png" class="img-responsive">
- </div>
- <div class="col-xs-6" style="margin-top: -10px">
- <h4>Project Two</h4>
- <h5 style="margin-top: -5px"> Subheading</h5>
- <p>
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc non lacus ultricies, euismod est facilisis, ultricies turpis.
- Proin vel auctor nisi.
- </p>
- <div class="btn btn-primary" style="margin-top: -5px;">
- View Project
- </div>
- </div>
- </div>
- <hr>
- <div class="row" style="margin-top: 20px">
- <div class="col-xs-6">
- <img src="img/project.png" class="img-responsive">
- </div>
- <div class="col-xs-6" style="margin-top: -10px">
- <h4>Project Three</h4>
- <h5 style="margin-top: -5px"> Subheading</h5>
- <p>
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc non lacus ultricies, euismod est facilisis, ultricies turpis.
- Proin vel auctor nisi.
- </p>
- <div class="btn btn-primary" style="margin-top: -5px;">
- View Project
- </div>
- </div>
- </div>
- <hr>
- <div class="row" style="margin-top: 20px">
- <div class="col-xs-6">
- <img src="img/project.png" class="img-responsive">
- </div>
- <div class="col-xs-6" style="margin-top: -10px">
- <h4>Project Four</h4>
- <h5 style="margin-top: -5px"> Subheading</h5>
- <p>
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc non lacus ultricies, euismod est facilisis, ultricies turpis.
- Proin vel auctor nisi.
- </p>
- <div class="btn btn-primary" style="margin-top: -5px;">
- View Project
- </div>
- </div>
- </div>
- <hr>
- <div class="row" style="margin-top: 20px">
- <div class="col-xs-6">
- <img src="img/project.png" class="img-responsive">
- </div>
- <div class="col-xs-6" style="margin-top: -10px">
- <h4>Project Five</h4>
- <h5 style="margin-top: -5px"> Subheading</h5>
- <p>
- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc non lacus ultricies, euismod est facilisis, ultricies turpis.
- Proin vel auctor nisi.
- </p>
- <div class="btn btn-primary" style="margin-top: -5px;">
- View Project
- </div>
- </div>
- </div>
- <hr>
- <div class="btn-group" style="margin-left: 40%;margin-top: 10px">
- <button class="btn btn-default"> <<</button>
- <button class="btn btn-primary"> 1</button>
- <button class="btn btn-default"> 2</button>
- <button class="btn btn-default"> 3</button>
- <button class="btn btn-default"> 4</button>
- <button class="btn btn-default"> 5</button>
- <button class="btn btn-default"> >></button>
- </div>
- <hr>
- <footer>Copyright © your Website 2017</footer>
- </div>
- <div class="col-xs-2">
- </div>
- </div>
- </div>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement