před 8 roky · 908444801f
--- a/.gitignore
+++ b/.gitignore
@@ -0,0 +1 @@
 bower_components/
--- a/bower.json
+++ b/bower.json
@@ -0,0 +1,17 @@
 {
  "name": "rohanverma.net",
  "homepage": "https://github.com/rhnvrm/rohanverma.net",
  "authors": [
    "Rohan Verma <[email protected]>"
  ],
  "description": "My Website",
  "main": "index.html",
  "license": "MIT",
  "ignore": [
    "**/.*",
    "node_modules",
    "bower_components",
    "test",
    "tests"
  ]
 }
--- a/css/style.css
+++ b/css/style.css
@@ -0,0 +1,51 @@
 body{
 	background: linear-gradient(270deg, #00b7af, #3c67bd, #5d88df);
 	background-size: 600% 600%;

 	-webkit-animation: Gradient 15s ease infinite;
 	-moz-animation: Gradient 15s ease infinite;
 	animation: Gradient 15s ease infinite;

 }

@-webkit-keyframes Gradient {
 	0% {
 		background-position: 0% 50%
 	}
 	50% {
 		background-position: 100% 50%
 	}
 	100% {
 		background-position: 0% 50%
 	}
 }

@-moz-keyframes Gradient {
 	0% {
 		background-position: 0% 50%
 	}
 	50% {
 		background-position: 100% 50%
 	}
 	100% {
 		background-position: 0% 50%
 	}
 }

@keyframes Gradient {
 	0% {
 		background-position: 0% 50%
 	}
 	50% {
 		background-position: 100% 50%
 	}
 	100% {
 		background-position: 0% 50%
 	}
 }

 .pmd-card-my{
 	width: 360px;
 	margin: 0 auto;
 	margin-top: 25px;
 }
--- a/index.html
+++ b/index.html
@@ -0,0 +1,89 @@
 <!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>