rhnvrm
/
rohanverma.net
關注 1
收藏 0
複製 0
程式碼 問題 0 合併請求 0 版本發佈 0 Wiki 活動
瀏覽代碼

Initial Commit

pull/1/head
Rohan Verma 8 年之前
父節點
ddbc7e2abd
當前提交
908444801f
共有 4 個檔案被更改，包括 158 行新增 和 0 行删除
統一視圖
Diff Options
Show Stats Download Patch File Download Diff File
  1. +1
    -0
      .gitignore
  2. +17
    -0
      bower.json
  3. +51
    -0
      css/style.css
  4. +89
    -0
      index.html

+ 1
- 0
.gitignore 查看文件

bower_components/

+ 17
- 0
bower.json 查看文件

{
"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"
]
}

+ 51
- 0
css/style.css 查看文件

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;
}

+ 89
- 0
index.html 查看文件

<!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>

Write Preview
Loading…
取消
儲存