|
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
- <title>Rohan Verma</title>
-
- <!-- Bootstrap css-->
- <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
-
- <!--Google Icon Font-->
- <link href="http://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
-
- <!-- Propeller css -->
- <link href="bower_components/propeller/dist/css/propeller.min.css" rel="stylesheet">
-
- <!-- Fontawesome css -->
- <link rel="stylesheet" href="bower_components/font-awesome/css/font-awesome.min.css">
-
-
- <link href="css/style.css" rel="stylesheet">
- </head>
-
- <body>
- <div class="pmd-card-my">
- <!-- Default card starts -->
- <div class="pmd-card pmd-card-default pmd-z-depth-2">
-
- <!-- Card header -->
- <div class="pmd-card-title">
- <div class="center-block" style="width: 128px;">
- <img src="https://avatars2.githubusercontent.com/u/952036?s=512" class="img-circle pmd-z-depth-3" width="128" height="128">
- </div>
- </div>
-
- <!-- Card body -->
- <div class="pmd-card-title">
- <h2 class="pmd-card-title-text text-center">Rohan Verma</h2>
- <h3 class="pmd-card-subtitle-text text-center">Computer Science and Engineering Undergrad (Graduating 2018)</h3>
- </div>
-
- </div>
- <!--Default card ends -->
- </div>
-
-
- <div class="pmd-card-my">
- <div class="pmd-card pmd-card-default pmd-z-depth-2">
-
- <ul class="list-group pmd-list pmd-card-list pmd-list-icon">
- <li class="list-group-item pmd-ripple-effect btn-default">
- <i class="material-icons media-left media-middle fa fa-fw fa-rss" aria-hidden="true"></i>
- <span class="media-body">My Blog</span>
- </li>
- <li class="list-group-item pmd-ripple-effect btn-default">
- <i class="material-icons media-left media-middle fa fa-fw fa-code" aria-hidden="true"></i>
- <div class="media-body">My Projects</div>
- </li>
- <li class="list-group-item pmd-ripple-effect btn-default">
- <i class="material-icons media-left media-middle fa fa-fw fa-linkedin" aria-hidden="true"></i>
- <div class="media-body">LinkedIn</div>
- </li>
- <li class="list-group-item pmd-ripple-effect btn-default">
- <i class="material-icons media-left media-middle fa fa-fw fa-github" aria-hidden="true"></i>
- <div class="media-body">GitHub</div>
- </li>
- <li class="list-group-item pmd-ripple-effect btn-default">
- <i class="material-icons media-left media-middle fa fa-fw fa-twitter" aria-hidden="true"></i>
- <div class="media-body">Twitter</div>
- </li>
- </ul>
- </div>
- </div>
-
-
-
-
-
-
- <!-- jQuery before Propeller.js -->
- <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
-
- <!-- Include all compiled plugins (below), or include individual files as needed -->
- <script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
- <script type="text/javascript" src="bower_components/propeller/dist/js/propeller.min.js"></script>
- </body>
- </html>
|
