How To Create A Complete Personal Portfolio Website Just using HTML And CSS | Pure HTML And CSS

Поделиться
HTML-код
  • Опубликовано: 14 фев 2020
  • Best website design tool Wondershare Mockitt: bit.ly/32ck5JS
    How To Create A Complete Personal Portfolio Website Just using HTML And CSS. Personal Portfolio Website Design. In this video, I am gonna show you how to create a Personal/Portfolio website design just using HTML and CSS. Pure HTML and CSS. After watching this video you will be able to create like this website.
    #Personal_Website #HTML #CSS
    ► Buy Me A Coffee: www.buymeacoffee.com/goingint...
    =================================
    ►Do You Want To Create Website or Project?
    If Yes, Contact Me: / goingtointernet
    How To Create A Complete Personal Portfolio Website Part 2 | Making Website Responsive
    Video Link: • How To Create A Comple...
    --------------------------------------------------------------------------
    Website: www.goingtointernet.com
    Video Link: • How To Create A Comple...
    Channel Link: / goingtointernet
    ------------------------------------------------
    ➼ Download Image: www.goingtointernet.com/2020/...
    ➤ Source Code: / goingtointernetoficial
    (* Every New Video Source Code Will Be Free for First 3 Days After Uploading*)
    ------------------------------------------------
    More Relative Videos
    1)Create Awesome Gradient Website Using HTML CSS And JQuery | Capsule Website Design
    Video Link: • Create Awesome Gradien...
    2)Create A Neuro Website Using HTML And CSS | Neuro Website Designs | Going To Internet
    Video Link: • Create A Neuro Website...
    3)Create A E-commerce Website Using HTML CSS & JQuery | Shopping Website Design | Going-To Internet
    Video Link: • Create A E-commerce We...
    4) Nike Website UI Design Tutorial | HTML CSS and Javascript
    Video Link: • Nike Website UI Design...
    5) How to Create a Website Using HTML & CSS | Personal Website Design
    Video Link: • How to Create a Websit...
    6) How To Create LogIn Form Using Only HTML & CSS
    Video Link: • How To Create LogIn Fo...
    7) E-Commerce Product Slider Using HTML CSS and Javascript
    Video Link: • E-Commerce Product Sli...
    8) Create Responsive Website Design Using HTML And CSS | PUBG Website Design
    Video Link: • Create Responsive Webs...
    9)360 Degree Product View Website Design | 3D View Website Using HTML CSS and JQuery
    Video Link: • 360 Degree Product Vie...
    10)Awesome Text-Animation Using HTML and CSS | Pure HTML and CSS | Going-To Internet
    Video Link: • Awesome Text-Animation...
    ------------------------------------------------
    Tags:-
    how to make your own personal website
    how to build a personal website
    how to get a personal website
    how to create your own personal website
    how to find someone to build a website
    how to create a personal website
    Personal website design
    Portfolio website design
    website design
    personal website html css
    personal website using notepad
    personal website html css template
    Personal/portfolio website design
    how to create a Personal website
    Awesome website design
    how to make a Portfolio website
    how to make a Personal website
    how to create a Personal website
    how to create a Portfolio website
    going to internet website
    UX website design in html css
    html and css website design
    website design just using html and css
    pure html and css
    How to create a website
    how to make a website
    how to build a website
    website design using html and css
    learn web development
    html css tutorial
    new website design
    web development tutorial
    html5 tutorial
    css3 tutorial
    website UI design tutorial
    Going to Internet
    Make website
    create website
    build website
    complete website design
    complete personal/portfolio website
    Attractive website design
    full page website design
    trending website designs
    sliding website design
    ------------------------------------------------
    Follow me :-
    Twitter: / goinginternet
    Instagram: / goingtointe. .
    Facebook : / goingtointernet

Комментарии • 246

  • @Wuddigot
    @Wuddigot 3 года назад +8

    beat too lit, I didnt know whether I should be bumpin or paying attention. What a multi-purpose video 😂👍

  • @XetryOp
    @XetryOp 3 года назад +7

    Adding that simple comments between every code makes it very easy to understand, thank you for the video

  • @user-ze1mp2sp2u
    @user-ze1mp2sp2u 3 года назад +8

    This is a great, never-ending video that helps beginners like me.

  • @gabrielpereiramendes3463
    @gabrielpereiramendes3463 4 года назад +7

    #Excelent!.
    It worked very much, thanks a lot!

  • @emiliodaf
    @emiliodaf 3 года назад +1

    hey man, thanks bro for the video.....your coding skills and way of teaching is really a blessing for each of us that is just starting our personal journey in learning front end development.....thank you again...be blessed.....hugs from Brazil!....just keep it up....you've got a new subscriber!..;)

  • @franciscoadesousa4112
    @franciscoadesousa4112 3 года назад +2

    Excelente!! parabéns, obrigado por compartilhar conhecimento.

  • @nnajioforjames4896
    @nnajioforjames4896 2 года назад

    Keeps getting better. Thank you!!!❤️

  • @issacloya9048
    @issacloya9048 3 года назад +2

    Man, i'm in the middle of a coding boot camp and this has helped tremendously.

  • @programmer.003
    @programmer.003 3 года назад

    Wow Wow Wow. I like this. Very simple too. Thanks

  • @tchapgaemmanuelserge4505
    @tchapgaemmanuelserge4505 3 года назад +4

    Thank you. I got my future website now.

  • @priscocleyton395
    @priscocleyton395 3 года назад +1

    Cool! =D Nice Work!!!!

  • @shivamchawda8203
    @shivamchawda8203 4 года назад +7

    Hey brother your work is very great 👍 just a small request form my side brother please provide us the media queries for the same so that it will become responsive and i can work on it further.

  • @ashfaqmushtaq7216
    @ashfaqmushtaq7216 3 года назад +1

    Good work bro keep it up!

  • @fazal3333
    @fazal3333 9 месяцев назад

    Great and hard work with readable code thanks

  • @blu8772
    @blu8772 3 года назад +4

    I think the only hard part is the images. Thank you for this gold content!

  • @pscarldimatulac
    @pscarldimatulac 4 года назад

    nice video.. easy to understand .. Thanks alot

  • @rumanzahid6671
    @rumanzahid6671 4 года назад

    World best channel

  • @nanaoseibonsu3798
    @nanaoseibonsu3798 3 года назад +1

    Amazing. Thanks

  • @digigoliath
    @digigoliath 3 года назад

    Awesome!!! TQVM!!

  • @prateekgupta1138
    @prateekgupta1138 3 года назад

    bhai ek no bhut kuch seekhne mila!

  • @sambathrattanak5161
    @sambathrattanak5161 3 года назад +1

    Such a nice video.❤️

  • @ulugbekuktamov2685
    @ulugbekuktamov2685 2 года назад +1

    Thank you for it it was be very best pracitsily

  • @luffyzoro7105
    @luffyzoro7105 2 года назад +1

    I will follow you and I will make it
    Thanks

  • @taizkhan3569
    @taizkhan3569 3 года назад +4

    Love you bro . I am from Nepal & i heartly respect you . i expect you will uploud more website development related video in future without delay ...

    • @GoingToInternet
      @GoingToInternet  3 года назад +1

      Thank you bro for your support

    • @Bradlyp1
      @Bradlyp1 3 года назад +2

      la bro neplai raixa k gardai xau ra bro yo video hereko

  • @jhonmanuelgil9747
    @jhonmanuelgil9747 2 года назад

    Muchas gracias excelente vídeo.

  • @hirendevmurari9649
    @hirendevmurari9649 3 года назад +10

    this is really great work I have visited your website too superb work work !! thank you for this and keep it up :)

  • @bakhshuu4846
    @bakhshuu4846 3 года назад

    thank you thank you thank you so much brother MASHALLH they way you are teaching is asome i have zero information about desining and development but it was easy so much easy just because of you ..............

  • @matiasconstantin7293
    @matiasconstantin7293 3 года назад

    It's good but u put conatiner and no container
    but it's very good it helped so much

  • @nellyhernandez7087
    @nellyhernandez7087 3 года назад +1

    Excellent job, thank you!

  • @VICTOR31570
    @VICTOR31570 4 года назад +1

    please im having issues with image size. how did you resize your Images to fit in perfectly, thank you

  • @piratplay4689
    @piratplay4689 3 года назад

    Thanks a lot!

  • @a_rob
    @a_rob 4 года назад +3

    Nice work. Please keep some space after typing position (bottom of screen). When you type at the bottom of the screen, it becomes inconvenient to see because video progress-bar. Hope you notice that.
    Thank you.

    • @jkovert
      @jkovert 3 года назад +1

      Get your cursor off the vid screen, progress bar disappears.

  • @redefamatv
    @redefamatv 2 года назад +3

    hey man, thanks for sharing the source code and images...very .nice work and very clean project....hugs from Brazil!

  • @innatemarketer
    @innatemarketer 4 года назад +3

    Great! May you consider giving us the source code?

  • @WebDesigns
    @WebDesigns 3 года назад

    Nice work

  • @JamR0ck
    @JamR0ck 2 года назад

    I am loving this tutorial.. Could you say what size those images are 22:32? Thanks in advance :)

  • @trancegotten3699
    @trancegotten3699 4 года назад +4

    This is nice but why you have music please speak to understand what are you doing i don't want to just coppy you!

  • @vincekal5676
    @vincekal5676 3 года назад +5

    18:06 timestamp so i can return where i left off

  • @mahdimotaghi9946
    @mahdimotaghi9946 3 года назад

    Namosan cool😍

  • @BoisNation
    @BoisNation 3 года назад +16

    Good video. However, I do have a suggestion. The music over the video is a little overwhelming, like almost intense. It makes it harder for me to focus. If you could just put better music, and even voice instruction (that would be awesome) then your channel would be amazing.

    • @Kevinproducciones2
      @Kevinproducciones2 3 года назад

      I prefer some videos like this, without any voice, straight to the point..

    • @ID_Station
      @ID_Station 3 года назад +2

      Bruh! As soon as the video started, I turned down the volume lmfao

    • @mostlyharmless88
      @mostlyharmless88 3 года назад +1

      @@ID_Station The music is horrendous, an assault on all things good in the world. Whoever created that music should be put against the wall and shot for crimes against music. Can't say much for anyone who CHOSE to use that music. JFC.

  • @butafla4864
    @butafla4864 3 года назад

    Thank you pro

  • @gpriyanka4105
    @gpriyanka4105 3 года назад

    Excellent bro
    Along with that can u specify the source code through link

  • @rustamshakirov530
    @rustamshakirov530 3 года назад

    All your vidoes cool Help me to learn css perfectly.Images drive links under video upload .

  • @TechbroMohsin
    @TechbroMohsin 3 года назад

    Mashallah 🥰😍😍😍

  • @syediqbalahmed3176
    @syediqbalahmed3176 4 года назад

    good, see later ...

  • @ajibolaoki5064
    @ajibolaoki5064 3 года назад

    thank you

  • @user-rx5yz7hp6t
    @user-rx5yz7hp6t 3 года назад

    Thanks

  • @fernandocecchetto
    @fernandocecchetto 2 года назад

    Hermoso!!!!!

  • @user-sh1nl6vj3p
    @user-sh1nl6vj3p 4 года назад

    good

  • @mdsir7520
    @mdsir7520 3 года назад

    thanks

  • @shubhamjindal2687
    @shubhamjindal2687 4 года назад

    Can you make a video on webpage that on navbar, because it shows only home page and I want complete website

  • @anoudalsaleem6194
    @anoudalsaleem6194 3 года назад

    i love you thx

  • @md.taufiqurrahman6819
    @md.taufiqurrahman6819 3 года назад

    nice

  • @VikashGupta-pr7or
    @VikashGupta-pr7or 3 года назад +4

    Boss ur video is awesome.
    Can you tell how to find this all image from the browser apart from your website.

    • @GoingToInternet
      @GoingToInternet  3 года назад +1

      You find those like images in freepik.com website.

  • @2170935fo
    @2170935fo 3 года назад

    im having trouble with my css i did everything you did but i dont see the grey background on the web site or the text does not move when i set the .text-conatiner {
    position: absolute;
    left: 13%;
    top: 42%;
    transform: translate(-13%, -42%);
    }
    please help

  • @Jill17Y
    @Jill17Y 3 года назад

    Nice video, i am working on my portfolio watching on your video. However I am scared about the plagiarism. What can i do to avoid it. I mean every possible variable is almost identical in most websites...

  • @gabriellai.7962
    @gabriellai.7962 3 года назад

    Hi, very nice, clean design, big thanks from newbie! :) Can you please show in code how you divided the screen with the 2 hues of grey at the middle? I see there is an image linked with url but cannot see what it is linked to :D

    • @soumyadeep5
      @soumyadeep5 3 года назад +4

      He used a background image which had 2 hues.

  • @chloeperalta4948
    @chloeperalta4948 3 года назад

    I started my self-paced study and I can't say this video made me realize that coding it's not very hard, all you need to do is actually write you own guide...I come with with this theory, Learn Html basic, which mean what goes in HTML and the learn Css and basically what goes in CSS..

  • @jokerbanny
    @jokerbanny 3 года назад +1

    Good. Thx you!!!!

  • @cbsemathematicslearning5401
    @cbsemathematicslearning5401 4 года назад

    You are an expert but I wanted to learn that is missing in your work.

  • @danilonilo982
    @danilonilo982 4 года назад +1

    Muito bom cara fico feliz

  • @renlucifer1860
    @renlucifer1860 4 года назад +1

    Can you make E-commerce admin page?

  • @lutcodes1216
    @lutcodes1216 3 года назад

    at 7:50 is container, not conatiner (saying this because i was making that mistake, but when going to your website got it right).
    edit: oh you correct later hahaha

  • @itsashishpandit
    @itsashishpandit 3 года назад

    Will it work same in mobiles and tablets.

  • @moinuddinnizami6201
    @moinuddinnizami6201 3 года назад +1

    Which software Is used and version

  • @Taversity
    @Taversity 4 года назад +1

    😍

    • @danilonilo982
      @danilonilo982 4 года назад

      I wanted that after you create an evangelical church website

    • @danilonilo982
      @danilonilo982 4 года назад

      Then you wanted an evangelical site

  • @hikingtravelmemories
    @hikingtravelmemories 3 года назад

    But where would one host this site...Any suggestions..?

  • @navedahmedkhan4899
    @navedahmedkhan4899 3 года назад

    Great video
    How do you create your video thumbnail??
    How do you take full screenshot of webpage???

    • @GoingToInternet
      @GoingToInternet  3 года назад

      I use photoshop for create thumbnail. First I make a design of the Web page And this design, I use in thumbnail as a full screenshot.

    • @navedahmedkhan4899
      @navedahmedkhan4899 3 года назад

      @@GoingToInternet thank you

  • @VhansueFilms
    @VhansueFilms 3 года назад

    17:46

  • @funny-yr9rm
    @funny-yr9rm 3 года назад

    I am not able to get those images what should i do image.rar is not showing any of the images

  • @jeromedelasantamarmol9875
    @jeromedelasantamarmol9875 2 года назад +1

    12:08
    pls someone tell me how did he manage to make that scrollbar
    pls someone answer the deadline of our project is on thursday!!!

  • @lilattitude52386
    @lilattitude52386 3 года назад

    How do i preview my code in a browser as the actual site please?

  • @darshiniramu3256
    @darshiniramu3256 Год назад

    Hi how to make the download CV button link with my cv pdf....where when I click that button it should download Automatically my cv pdf

  • @ritikathakur3862
    @ritikathakur3862 4 года назад +2

    Your image link is not working. Please check this.

  • @nazmunraiyan8683
    @nazmunraiyan8683 3 года назад

    it's amazing bro
    can you give me source code or file pls

  • @marjimarji3869
    @marjimarji3869 2 года назад

    thanks for your efforts but i think you do not need to style .social-icons a { display : flex } becaues you styled .social-icons { display : flex } .

    • @GoingToInternet
      @GoingToInternet  2 года назад

      In some cases, given width and height does not work in "a" tag without using display:flex; property.

  • @AnymsprsnFX
    @AnymsprsnFX 3 года назад

    what are you using apps sir?

  • @nikolameiclaire7414
    @nikolameiclaire7414 3 года назад

    Hello im just learning to code, i know my question my be silly but can you advise why the css style is not reflecting on my html document?

    • @hamzaelkhamlichi1663
      @hamzaelkhamlichi1663 3 года назад

      you should add inside the head tag a link to your css file like :

  • @therealnero820
    @therealnero820 3 года назад

    13:51

  • @rafablum
    @rafablum 3 года назад

    I really liked the portfolio, but it could be responsive. I could make a video updating it :)

    • @GoingToInternet
      @GoingToInternet  3 года назад +1

      ruclips.net/video/N86lAbY0NRA/видео.html

    • @rafablum
      @rafablum 3 года назад

      @@GoingToInternet yes!!! 🙌🕺🕺💪💪💪

  • @hazelmaedumlao4576
    @hazelmaedumlao4576 3 года назад

    Can I ask what app you used?

  • @chandrasekharreddymullangi5354
    @chandrasekharreddymullangi5354 3 года назад

    Can u share a personal portfolio project link in angular 7

  • @topujss
    @topujss 3 года назад +6

    i think VS studio is better than Adobe deamever. Is This correct?

  • @rahilshaikh6720
    @rahilshaikh6720 3 года назад

    Sir in this project which editor are you using because I am using sublime text 3 and write as it's your code they are nothing happen UI are not coming in browser website are running without css.. plss sir solve ky error...

    • @GoingToInternet
      @GoingToInternet  3 года назад

      I'm using Adobe dreamviwer. Code editor not effect on the code, you will use any text editor. Send me source code goingtointernet@gmail.com .

    • @rahilshaikh6720
      @rahilshaikh6720 3 года назад

      @@GoingToInternet sir can you tell me which version of Adobe dream viewer code editor are you using for this project.....

    • @GoingToInternet
      @GoingToInternet  3 года назад

      @@rahilshaikh6720 Adobe Dreamviwer CC 2017 or 2019

  • @omorfaruk6986
    @omorfaruk6986 3 года назад

    Please give all the images used in the website

  • @Chrisley56
    @Chrisley56 2 года назад

    Pleas where’d you get the black image

  • @webdesiging1195
    @webdesiging1195 3 года назад

    HI mind blowing but icons ki website ka link nahi ha

  • @TECHNICALZONEOP
    @TECHNICALZONEOP 2 года назад

    6:26

  • @manishXcronic
    @manishXcronic 3 года назад

    What size is the model image?

  • @Annak942
    @Annak942 3 года назад

    I don't know why, i did everything exactly the same and checked the whole thing from start 4 times but at minute 8 the paragraphs didn't change position D,:

    • @JamR0ck
      @JamR0ck 2 года назад

      What size image did you use in the about me section?

  • @johnmichaelrollan1340
    @johnmichaelrollan1340 3 года назад

    hello can i make a website look like this? i mean i'm not gonna get sued right?

  • @muzibasif3783
    @muzibasif3783 3 года назад +1

    bro i cant download ur images file

  • @4ngeljoy
    @4ngeljoy Год назад

    can i have the background image please...or may i know where did you get that?

    • @GoingToInternet
      @GoingToInternet  Год назад

      www.goingtointernet.com/2020/02/make-portfolio-website.html?m=1

  • @mhamedled5182
    @mhamedled5182 3 года назад

    bro link of the image is not working can you repare or send me the picture

  • @chaitram374
    @chaitram374 3 года назад

    Have u used sublime text or any other source.

  • @oussamachahidi9201
    @oussamachahidi9201 3 года назад

    What is the name of the studio?

  • @kaisarsimaq8308
    @kaisarsimaq8308 3 года назад

    Where i can see this website?

  • @rashedulislam9349
    @rashedulislam9349 3 года назад +1

    images.rar file can't download.
    show weppage blocked why?

    • @GoingToInternet
      @GoingToInternet  3 года назад +1

      www.mediafire.com/file/8ijlka1m3vmss8a/images.rar/file

  • @TeacherGyan
    @TeacherGyan 4 года назад

    Sir website me flash hota hua ek “New” icon kaise lgaya jata hai.

  • @gozoreinierkristoffe4193
    @gozoreinierkristoffe4193 3 года назад

    what compiler are you using?

    • @jinbilog04
      @jinbilog04 3 года назад

      I believe it's Adobe Dreamweaver