My portfolio - feedback welcome!

Hello!

I have finished my portfolio page and would like to hear some feedback on it. I tried to keep it simple and clean. I still have problem with navigation button not working on mobile screens.

Link to Codepen

Hi :slight_smile:

this code go to: Pen Settings --> stuff for “head”

<!-- Fonts -->
<link href="https://fonts.googleapis.com/css?family=Indie+Flower|Montserrat|Shadows+Into+Light|rokitt" rel="stylesheet">

What is it this code?

<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" type="text/css" href="Styles/folio.css">

[Link to video Using Bootstrap With Codepen] (https://www.youtube.com/watch?v=hiCK6-8XfiA)

<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">

...

<!-- scipt -->
  <script src="https://use.fontawesome.com/1d949c231d.js"></script>
  
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

HTML codepenlinter:

  • The div element cannot be a child of the ul element.

At line 38:

<ul class="row">
  <div class="col-md-4">
  • The li element cannot be a child of the div element

At line 39-44

 <div class="col-md-4">
    <li><a href="https://www.facebook.com/" target ="_blank" class="btn btn-primary btn-lg" role="button"> <i class="fa fa-facebook-square"></i> Facebook</a></li></div>
  <div class="col-md-4">
    <li><a href="https://www.linkedin.com/in/m%C4%81ris-len%C5%A1s-3a3073102" target = "_blank" class="btn btn-primary btn-lg" role="button"><i class="fa fa-linkedin-square"></i> Linkedin</a></li></div>
  <div class="col-md-4">
    <li><a href="https://www.freecodecamp.com/marislenss" target = "_blank" class="btn btn-primary btn-lg" role="button"> <i class="fa fa-fire"></i> FreeCodeCamp</a></li></div>

Cheers and happy coding :slight_smile:

Thanks for the feedback. Turned out that I didn’t need the

  • elements at all.

    So this means that I can use scripts and other needed stuff just in settings.

    That code comes from sublime text editor. I wrote most of my code with that.

  • yes, you can find the codepen documentation:
    // https://blog.codepen.io/documentation/

    // https://blog.codepen.io/documentation/editor/using-javascript-libraries/

    Cheers and happy conding :slight_smile: