Make your Own Portfolio Website Through: CSS3 & HTML5

Shivangi Sharma — Sun, 29 Aug 2021 14:10:12 +0000

By only two things you can make your own portfolio website which is HTML5 & CSS3. Through this portfolio you can showcase your till date projects to the people. You can also add different type of features according to your wish, for reference like adding your blogs, your accomplishments, a short biography, your skills and many more things.
Here I'm going to tell you how to structure your portfolio using HTML5 and make it beautiful through the help of CSS3.

To begin with first let's understand what is HTML5 and CSS3?

Html5: It is a Hyper Text markup language used in presenting and structuring your content in World Wide Web. It has been developed by WHATWG AND W3C group.

CSS3: It is a latest version of Cascading Style Sheet language which introduced with brand new features like shadow effect, tables, rounded corners, etc. CSS was 1st introduced by Hakon Wium Lie in 1994.

HTML5 structure

First and foremost thing you will need to make a navigation bar which will direct the person using it to the different pages mentioned in it. The active page of your portfolio will be Home where you will add your skills, link to your project page and blog page. Afterwards you will create different section with the help of unordered or ordered list and add the things you want show for example your skills, project and blog and you can also add a button for project and blog section with anchor tag and href attribute to it to direct the user to that page directly. At the bottom you will make a Footer where you can add your social media link with anchor tag and href attribute. And you are done with html part.
Now lets move to the css directly.

CSS3 Structure

Through CSS3 you can do vast type of things like you can different type of colors, background-color, images, background-images, font-style, etc.
For the portfolio first of all you will select the color theme for it. Afterwards you can add your favorite font style through google fonts or any other website by adding the link in the sheet. Last but not least you can add any images to make it more beautiful and relevant. The exciting part of CSS is that you can control every aspect of your website like width, height, size, color, shadows, and end number of things.

Git vs. GitHub: What's the difference?

Shivangi Sharma — Fri, 27 Aug 2021 20:37:20 +0000

Git or GitHub.

Are they the same/equal thing? If not, are they connected/related. The veracity is that Git and GitHub are connected far more closely than you think they're, but with some key differences setting them apart.

What's the difference between Git and GitHub? Well to know that first we will take a deep-examine at each one. But before we do that you need to know the concept of version control.

So now what is Version control?

Version control is like a correction tape for your program. It's work is to save program for your project. It tracks and logs the changes you make to your file sets over time, it gives you the power to review and even restore your earlier versions of your work. If you notice that your text is misaligned so rather than crawling back through every line of your code, you'll use the version control to reload earlier version of your code, until you find it satisfactory or correct.

Now let's flow directly to Git.

What is Git?

It was first developed back in 2005. Git is immensely popular and high-quality version of control system. Git is installed on your local system and keeps all the record of your ongoing program versions. you do no need any internet access to use it except if you want to download it. Git is extremely easy to use and it is not paid, hence inexpensive. It also has a branching model which allow user to make their own independent local branches, so that you can try out new ideas but without making changes in your main branch and you can anytime merge, delete and recall them.

What is GitHub?

GitHub is Git repository hosting service. It is entirely cloud-based, totally distinct from git which only allows you to control your projects in your local server/computer. GitHub is like an online storage of git , in technical words the database of projects you are working on in your local server it is being saved on the cloud in GitHub. Which allows you and any authorized person by you to see the work or contribute in that project. Like Git, GitHub also has the branching system which makes it smooth to try different approach's and distinct the work of other person from you so that it does not create any heap. You can excess your work from anywhere in the world just with connectivity of internet.

Conclusion

To conclude Git is a version control system installed on your local system and it keep track of all your work and stores it on local device storage whereas GitHub is a solely cloud-based and a Git repository hosting service. You can push your work from local storage to cloud through internet and access the data from anywhere.

DEV Community: Shivangi Sharma