Skip to content

vaibhavhariramani/portfolio-template-3

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

4 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Responsive Portfolio Website template

A Resume-Portfolio template for anyone.

See the Demo

How to get your own portfolio website?

Git Commands

Here are the commands you will need to get the work done.

Fork

The very first step is to fork the repository from GitHub.(The button appears at right-top corner)

Get the code

Git clone 'URL' - copy all the code in the current repo you forked

Add and Commit Changes

Make changes and 'git add . 'them followed by git commit -m"your message"

Push Changes

Changes have been made, push them git push origin "branch"

Following steps :

step 1 : Creating a repository for your site

1.) create New repository.

2.) Type a name for your repository and an optional description. If you're creating a user or organization site, your repository must be named .github.io or .github.io. For more information, see "About GitHub Pages."

3.) Choose a repository visbility. For more information, see "About repository visibility."

4.) Click Create repository.

step 2: Creating your site

Before you can create your site, you must download this repository for your site on GitHub.

On GitHub,make your repository is created by navigating to your site's repository.

step 3: Making Changes to Template

open your portfolio-template Directory which you have downloaded in previous step in Visual Studio Code Editor or in Your Favourite Editor.

Make some changes to files

Thing to Change

You need to change the photograph that appears on left Navbar -> Just paste your photograph(.jpg) in sources folder of this repository and rename it to my_img Now to have the website for a male person there are svg's provided for both. Check it in the folder and rename the src accordingly.

After this, Sky is the limit! play with it and make it awesome!!! Change the text, fill the website with correct information. Share the link with us so that we know how creative you are.

step 4: Time to publish

Now,You have to upload these files using GIT Method to your Repositories.

Making it Live!

You have the code but it's on your local PC let's make it LIVE on the web. GitHub Pages will make it possible.

  • Go the setting of your Repository (which is forked from Mozilla Chandigarh's Repo)
  • Now go to the github pages section
  • choose master branch for it to deploy
  • Save it and refresh the page
  • wait for a while(Let GitHub handle few things)
  • Congratulation!!! You made it live on the web. Share the link with your friends and family and let them know you're tech guy out there!
  • …and you're done!

    Fire up a browser and go to https://username.github.io.

    See my Youtube video for demonstration.

    Resources

    To learn more about these Resources you can Refer to some of these articles written by Me:-

    (https://sites.google.com/view/geeky-traveller/)[https://sites.google.com/view/geeky-traveller/] (https://vaibhavhariaramani.github.io/blogs/)[https://vaibhavhariaramani.github.io/blogs/]

    Don't forget to tag us

    if you use this repo in your project don't forget to mention us as Contributer in it . And Don't forget to tag us Linkedin, instagram, facebook , twitter, Github

    ========================================================================================================================================================

    Resources

    To learn more about these Resources you can Refer to some of these articles written by Me:-

    Don't forget to tag us

    if you use this repo in your project don't forget to mention us as Contributer in it . And Don't forget to tag us Linkedin, instagram, facebook , twitter, Github

    ============================================================================

    Made with ❤️by Vaibhav Hariramani

    About me

    I am a Machine Learning enthusiast, an Actions on Google, Internet of things, Alexa Skills, and Image processing developer. I have a keen interest in Image processing and Andriod development. I am Currently studying at Chandigarh University, Punjab.

    My PortFolio You can find me at:- Linkedin or Github .

    Email: vaibhav.hariramani01@gmail.com

                  

    The Vaibhav Hariramani App (Latest Version)

    Download THE VAIBHAV HARIRAMANI APP consist of Tutorials,Projects,Blogs and Vlogs of our Site developed Using Android Studio with Web View try installing it in your android device.

    Happy coding ❤️ .

    Follow me

    Linkedin Badge Instagram Badge Twitter Badge GitHub Badge Gmail Badge Medium Badge

    About

    pre built portfolio boilerplate

    Resources

    Stars

    Watchers

    Forks

    Releases

    No releases published

    Packages

    No packages published