diff --git a/template/Anup Kumar Maurya/index.html b/template/Anup Kumar Maurya/index.html new file mode 100644 index 0000000..9198e22 --- /dev/null +++ b/template/Anup Kumar Maurya/index.html @@ -0,0 +1,54 @@ + + + + + + Anup Kumar Maurya | Personal Website + + + + + + + + + + + +
+ +
+ +
+ + + +

Anup Kumar Maurya

+ +

I am a Web Developer from Kanpur. Check out my blogging Website + here. + I love to cook Maggie when I'm not cooking any website. + Presently, Learning new Technologies like MERN Stack , and React Native +
Thank You for Visiting! +

+ +

Ping me at 9anup.maurya@gmail.com

+ +
+ + + +
+ +
+ +
+ + + + + + diff --git a/template/Anup Kumar Maurya/picture.png b/template/Anup Kumar Maurya/picture.png new file mode 100644 index 0000000..0af8604 Binary files /dev/null and b/template/Anup Kumar Maurya/picture.png differ diff --git a/template/Anup Kumar Maurya/style.css b/template/Anup Kumar Maurya/style.css new file mode 100644 index 0000000..e512c50 --- /dev/null +++ b/template/Anup Kumar Maurya/style.css @@ -0,0 +1,217 @@ +/* +* Author - Vinit Shahdeo +* Email - vinitshahdeo@gmail.com +*/ +body { + font-family: 'Montserrat', sans-serif; + color: #404142; + font-size: 16px; + letter-spacing: 0.2px; +} +h1, h2, h3, h4, h5, h6 { + font-weight: 800; + font-family: 'Roboto', sans-serif; + text-transform: capitalize; + letter-spacing: -0.1px; + opacity:0.7; +} +hr { + height: 0; + border:2px solid #404142; + opacity: 0.1; + -webkit-box-sizing: content-box; + -moz-box-sizing: content-box; + box-sizing: content-box; +} +ul { + margin: 0; + padding: 0; + list-style: none; +} +a { + -webkit-transition: all 0.3s; + -moz-transition: all 0.3s; + transition: all 0.3s; +} +a:hover, a:focus, a:active, a:visited { + text-decoration: none; +} + +/* Button for title text */ +.btn { + text-transform: capitalize; + font-weight: 600; + -webkit-transition: all 0.6s; + -moz-transition: all 0.6s; + transition: all 0.6s; + +} +.btn-lg { + padding: 5px 10px; + font-size: 16px; + line-height: none; + border-radius: 4px; +} + +.btn-yellow { + background-color: #fcd93b; + color: #2a2a2a; + opacity: 0.8; + -webkit-transition: all 0.6s; + -moz-transition: all 0.6s; + transition: all 0.6s; + +} +.btn-yellow:hover { + opacity: 0.9; + text-transform: uppercase; + cursor: pointer; +} + +.btn-red { + background-color: rgb(251,155,79); + color: #fff; + opacity: 0.8; + -webkit-transition: all 0.6s; + -moz-transition: all 0.6s; + transition: all 0.6s; + +} +.btn-red:hover { + opacity: 0.9; + text-transform: uppercase; + cursor: pointer; +} + +/* div class */ +.about { + padding: 20px; + margin-top: 20px; +} +.about span { + font-size: 2em; + color: #016cc7; +} + .about p{ + opacity:0.6; + } + .about p span{ + color:#016cc7; + font-size:1em; + opacity: 1.0; + font-weight: bolder; + -webkit-transition: all 0.8s; + -moz-transition: all 0.8s; + transition: all 0.8s; + } + .about p span:hover{ + letter-spacing: 0.1px; + text-transform: uppercase; + cursor: pointer; + } + .about a{ + text-decoration:none; + font-weight:bold; + color:#2a2a2a; + } + .about a:hover{ + color:#016cc7; + } +.main .about { + width: 31.333333%; + -webkit-transition: all 0.3s; + -moz-transition: all 0.3s; + transition: all 0.3s; + margin-right: 20px; + border: 3px solid #f6f6f6; + border-radius: 5px; +} +.main .about:hover { + box-shadow: 3px 3px 10px #ccc; + transform: translateY(-10px); +} +/* Display picture */ +.main-img { + max-width: 40%; + border: 4px solid #efefef; + border-radius: 50%; + -moz-transition: all 0.3s; + -webkit-transition: all 0.3s; + transition: all 0.3s; +} + .main-img:hover{ + -moz-transform: scale(1.05); + -webkit-transform: scale(1.05); + transform: scale(1.05); + cursor: pointer; + filter: grayscale(100%); + -webkit-filter: grayscale(100%); + filter: gray; + + } +/* Social Media icons */ +ul.social li { + list-style: none; + display: inline-block; + margin: 10px 5px; +} +ul.social li a { + + padding: 0 10px; +} +.fa{ + color:#016cc7; + opacity: 0.8; +} + .fa:hover{ + opacity: 0.8; + color:#dd5138; + } + + /* === Custom Colors of original logo=== +* Remove comments if you want to use it +*/ +/* + .fa-linkedin:hover{ + color:#4099ff; + } + .fa-github:hover{ + color:#2a2a2a; + } + .fa-facebook:hover{ + color:#3b5998; + }*/ + + +/* + ===Custom Media Queries=== + */ + +/* Mobile */ + +@media (max-width: 767px) { + + .main .about { + width: 100% + } +} + + +/* iPad Portrait */ + +@media (min-width: 768px) and (max-width: 991px) { + + .main .about { + width: 49%; + margin-right: 7px; + } +} + +/* iPad Landscape */ + +@media (min-width: 992px) and (max-width: 1199px) { + .main .about { + width: 49%; + margin-right: 9px; + } +} diff --git a/template/img/README.md b/template/img/README.md deleted file mode 100644 index 5feddb0..0000000 --- a/template/img/README.md +++ /dev/null @@ -1 +0,0 @@ -##### It Contains all the PNGs diff --git a/template/img/default.png b/template/img/default.png deleted file mode 100644 index 940e78e..0000000 Binary files a/template/img/default.png and /dev/null differ diff --git a/template/img/female.png b/template/img/female.png deleted file mode 100644 index 89b100d..0000000 Binary files a/template/img/female.png and /dev/null differ diff --git a/template/img/male.png b/template/img/male.png deleted file mode 100644 index 8fc833b..0000000 Binary files a/template/img/male.png and /dev/null differ