Skip to content

Commit

Permalink
web
Browse files Browse the repository at this point in the history
  • Loading branch information
@sakshamtaneja21
sakshamtaneja21 committed Oct 9, 2020
1 parent 50b2681 commit 6307e7b
Show file tree
Hide file tree
Showing 176 changed files with 8,043 additions and 377 deletions.
64 changes: 2 additions & 62 deletions README.md
View file
Original file line number Diff line number Diff line change
@@ -1,62 +1,2 @@
# [Start Bootstrap - Resume](https://startbootstrap.com/template-overviews/resume/)

[Resume](https://startbootstrap.com/template-overviews/resume/) is a resume and CV theme for [Bootstrap](http://getbootstrap.com/) created by [Start Bootstrap](http://startbootstrap.com/). This theme features a fixed sidebar with content sections to build a simple, yet elegant resume.

## Preview

[![Resume Preview]()


## Status

[![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://raw.githubusercontent.com/BlackrockDigital/startbootstrap-resume/master/LICENSE)
[![npm version](https://img.shields.io/npm/v/startbootstrap-resume.svg)](https://www.npmjs.com/package/startbootstrap-resume)
[![Build Status](https://travis-ci.org/BlackrockDigital/startbootstrap-resume.svg?branch=master)](https://travis-ci.org/BlackrockDigital/startbootstrap-resume)
[![dependencies Status](https://david-dm.org/BlackrockDigital/startbootstrap-resume/status.svg)](https://david-dm.org/BlackrockDigital/startbootstrap-resume)
[![devDependencies Status](https://david-dm.org/BlackrockDigital/startbootstrap-resume/dev-status.svg)](https://david-dm.org/BlackrockDigital/startbootstrap-resume?type=dev)

## Download and Installation

To begin using this template, choose one of the following options to get started:
* [Download the latest release on Start Bootstrap](https://startbootstrap.com/template-overviews/resume/)
* Install via npm: `npm i startbootstrap-resume`
* Clone the repo: `git clone https://github.com/BlackrockDigital/startbootstrap-resume.git`
* [Fork, Clone, or Download on GitHub](https://github.com/BlackrockDigital/startbootstrap-resume)

## Usage

### Basic Usage

After downloading, simply edit the HTML and CSS files included with the template in your favorite text editor to make changes. These are the only files you need to worry about, you can ignore everything else! To preview the changes you make to the code, you can open the `index.html` file in your web browser.

### Advanced Usage

After installation, run `npm install` and then run `npm start` which will open up a preview of the template in your default browser, watch for changes to core template files, and live reload the browser when changes are saved. You can view the `gulpfile.js` to see which tasks are included with the dev environment.

#### Gulp Tasks

- `gulp` the default task that builds everything
- `gulp watch` browserSync opens the project in your default browser and live reloads when changes are made
- `gulp css` compiles SCSS files into CSS and minifies the compiled CSS
- `gulp js` minifies the themes JS file
- `gulp vendor` copies dependencies from node_modules to the vendor directory


## About

Start Bootstrap is an open source library of free Bootstrap templates and themes. All of the free templates and themes on Start Bootstrap are released under the MIT license, which means you can use them for any purpose, even for commercial projects.

* https://startbootstrap.com
* https://twitter.com/SBootstrap

Start Bootstrap was created by and is maintained by **[David Miller](http://davidmiller.io/)**, Owner of [Blackrock Digital](http://blackrockdigital.io/).

* http://davidmiller.io
* https://twitter.com/davidmillerskt
* https://github.com/davidtmiller

Start Bootstrap is based on the [Bootstrap](http://getbootstrap.com/) framework created by [Mark Otto](https://twitter.com/mdo) and [Jacob Thorton](https://twitter.com/fat).

## Copyright and License

Copyright 2013-2019 Blackrock Digital LLC. Code released under the [MIT](https://github.com/BlackrockDigital/startbootstrap-resume/blob/gh-pages/LICENSE) license.
# sakshamtaneja21.github.io
Portfolio
215 changes: 215 additions & 0 deletions css/main.css
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,215 @@
/* ---- reset ---- */

body {
margin: 0;
font:normal 75% Arial, Helvetica, sans-serif;
}

.wrapper{
overflow-y:hidden !important;
overflow-x: hidden !important;
}
/* ---- particles.js container ---- */

#particles-js {
position: fixed;
width: 100%;
height: 100%;
z-index: -20;
background-color: #00101f;
/*background: linear-gradient(#000000,#191919);*/
/*background-image: url("");
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 50%;*/
}
.head{
color: #2485ed;
/*font-family: 'Karla', sans-serif;*/
font-family: 'Lustria', serif;
font-family: 'Raleway', sans-serif;
font-family: 'Roboto', sans-serif;
font-family: 'Montserrat', sans-serif;
font-size: 7vw;
font-weight: 600;
line-height: 20px;
margin-bottom: 40px;
}
p{
display: inline-block !important;
}

.section{

/*height: calc(100vh - 40px);*/

height: 100vh;
max-width: 100vw;
z-index: 1;
position: relative;
text-align: center;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-transform: translate3d(0,0,0);

}

.name{

width:70%;

}
.text{
font-size: 25px;
margin-top: 20px;
margin-bottom: 0px;
color:white;
font-family: 'Raleway', sans-serif;
font-family: 'Roboto', sans-serif;
font-family: 'Montserrat', sans-serif;
}
.icons{
display:inline-block;
float: left;
width:100%;
margin:0;

}
.fb, .lin, .git, .twit, .mail, .res{
color:#124ec7;
}

.ico{
border: 4px double white;
border-radius: 50%;
display: inline-block;
width: 20px;
height: 20px;
padding: 11px;
position: relative;
background: transparent;
transition: all 0.2s ease;
text-decoration: none;
margin: 22px 8px;
}

.ico-res{
border: 4px double white;
border-radius: 50%;
display: inline-block;
width: 40px;
height: 40px;
padding: 10px 8px 8px 8px;
position: relative;
background: transparent;
transition: all 0.2s ease;
text-decoration: none;
margin: 0px 8px;
}

.ico:hover{
transform: translateY(-4px);
}

.ico-res:hover{
transform: translateY(-4px);
}
.ico:hover .fb{
color:white;

}

.ico:hover .lin{
color:white;
}
.ico:hover .git{
color:white;
}
.ico:hover .mail{
color:white;
}
.ico:hover .twit{
color:white;
}
.ico-res:hover .res{
color:white;
}

#bar {
position: fixed;
top: 20%;
left: 40%;
width: 40%;
height: 40%;
-webkit-transition: 0.1s ease all;
}

.p {
background-color: blue;
height: 100%;
width: 10%;
float: left;
}

@media screen and (max-width: 700px) {

.name{
width:100%;
}
.head{
font-size: 13vw;
margin-bottom: 0px !important;
padding: 0 !important;

}
.text{
font-size: 4vw;
margin-bottom: 4px !important;
margin-top: 5px !important;
}
.ico{
border: 4px double white;
border-radius: 50%;
display: inline-block;
width: 20px;
height: 20px;
padding: 5px !important;
position: relative;
background: transparent;
transition: all 0.2s ease;
text-decoration: none;
margin: 0px 3px !important;

}
.icons{
margin-bottom: 8px;
}
.ico-res{
border: 4px double white;
border-radius: 50%;
display: inline-block;
width: 20px;
height: 20px;
padding: 10px 8px 8px 8px !important;
position: relative;
background: transparent;
transition: all 0.2s ease;
text-decoration: none;
margin: 0px 8px !important;
}

.fa-2x{
font-size: 1.5em !important;
}
.fa-3x{
font-size: 2em !important;
}
ul{
padding:0px !important;

}
}
7 changes: 7 additions & 0 deletions font-awesome-4.5.0/HELP-US-OUT.txt
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
I hope you love Font Awesome. If you've found it useful, please do me a favor and check out my latest project,
Fonticons (https://fonticons.com). It makes it easy to put the perfect icons on your website. Choose from our awesome,
comprehensive icon sets or copy and paste your own.

Please. Check it out.

-Dave Gandy
Loading

0 comments on commit 6307e7b

Please sign in to comment.