├── preview.png
├── assets
    ├── img
    │   ├── about.png
    │   ├── perfil.png
    │   ├── work1.jpg
    │   ├── work2.jpg
    │   ├── work3.jpg
    │   ├── work4.jpg
    │   ├── work5.jpg
    │   ├── work6.jpg
    │   └── projectmind.png
    ├── js
    │   └── main.js
    └── css
    │   └── styles.css
├── README.md
└── index.html


/preview.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bedimcode/responsive-portfolio-complete/HEAD/preview.png


--------------------------------------------------------------------------------
/assets/img/about.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bedimcode/responsive-portfolio-complete/HEAD/assets/img/about.png


--------------------------------------------------------------------------------
/assets/img/perfil.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bedimcode/responsive-portfolio-complete/HEAD/assets/img/perfil.png


--------------------------------------------------------------------------------
/assets/img/work1.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bedimcode/responsive-portfolio-complete/HEAD/assets/img/work1.jpg


--------------------------------------------------------------------------------
/assets/img/work2.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bedimcode/responsive-portfolio-complete/HEAD/assets/img/work2.jpg


--------------------------------------------------------------------------------
/assets/img/work3.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bedimcode/responsive-portfolio-complete/HEAD/assets/img/work3.jpg


--------------------------------------------------------------------------------
/assets/img/work4.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bedimcode/responsive-portfolio-complete/HEAD/assets/img/work4.jpg


--------------------------------------------------------------------------------
/assets/img/work5.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bedimcode/responsive-portfolio-complete/HEAD/assets/img/work5.jpg


--------------------------------------------------------------------------------
/assets/img/work6.jpg:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bedimcode/responsive-portfolio-complete/HEAD/assets/img/work6.jpg


--------------------------------------------------------------------------------
/assets/img/projectmind.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/bedimcode/responsive-portfolio-complete/HEAD/assets/img/projectmind.png


--------------------------------------------------------------------------------
/assets/js/main.js:
--------------------------------------------------------------------------------
 1 | /*===== MENU SHOW Y HIDDEN =====*/
 2 | 
 3 | 
 4 | // SHOW
 5 | 
 6 | 
 7 | // HIDDEN
 8 | 
 9 | 
10 | /*===== ACTIVE AND REMOVE MENU =====*/
11 | 
12 | 
13 | /*===== SCROLL SECTIONS ACTIVE LINK =====*/
14 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # Responsive Portfolio Complete
 2 | ## [Watch it on youtube](https://youtu.be/owEHlDn0JYQ)
 3 | ### Responsive Portfolio Complete
 4 | 
 5 | - Responsive Personal Complete Portfolio Using HTML CSS & JavaScript
 6 | - Smooth scrolling in each section.
 7 | - Developed first with the Mobile First methodology, then for desktop.
 8 | - Compatible with all mobile devices and with a beautiful and pleasant user interface.
 9 | 
10 | 💙 Join the channel to see more videos like this. [Bedimcode](https://www.youtube.com/c/Bedimcode)
11 | 
12 | ![preview img](/preview.png)
13 | 


--------------------------------------------------------------------------------
/assets/css/styles.css:
--------------------------------------------------------------------------------
 1 | /*===== GOOGLE FONTS =====*/
 2 | @import url("https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap");
 3 | /*===== VARIABLES CSS =====*/
 4 | 
 5 |   
 6 |   /*===== Font weight =====*/
 7 |   
 8 |   /*===== Colors =====*/
 9 |   
10 |   /*===== Font and typography =====*/
11 |   
12 |   /*===== Margenes =====*/
13 |   
14 |   /*===== z index =====*/
15 |   
16 | 
17 | 
18 | /*===== BASE =====*/
19 | 
20 | 
21 | /*===== CLASS CSS ===== */
22 | 
23 | 
24 | /*===== LAYOUT =====*/
25 | 
26 | 
27 | /*===== NAV =====*/
28 | 
29 | 
30 | /*=== Show menu ===*/
31 | 
32 | 
33 | /*Active menu*/
34 | 
35 | 
36 | /*===== HOME =====*/
37 | 
38 | 
39 | /*BUTTONS*/
40 | 
41 | 
42 | /* ===== ABOUT =====*/
43 | 
44 | 
45 | /* ===== SKILLS =====*/
46 | 
47 | 
48 | /* ===== EDUCATION =====*/
49 | 
50 | 
51 | /* ===== SERVICES =====*/
52 | 
53 | 
54 | /* ===== PROJECT IN MIND  =====*/
55 | 
56 | 
57 | /* ===== WORKS =====*/
58 | 
59 | 
60 | /* ===== CONTACT =====*/
61 | 
62 | 
63 | /* ===== FOOTER =====*/
64 | 
65 | 
66 | /* ===== MEDIA QUERIES=====*/


--------------------------------------------------------------------------------
/index.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 |     <head>
 4 |         <meta charset="UTF-8">
 5 |         <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 | 
 7 |         <!-- ===== CSS ===== -->
 8 |         <link rel="stylesheet" href="">
 9 | 
10 |         <!-- ===== BOX ICONS ===== -->
11 |         
12 | 
13 |         <title>Responsive personal portfolio | Harris</title>
14 |     </head>
15 |     <body>
16 |         <!--===== HEADER =====-->
17 |         
18 | 
19 |         <main class="l-main">
20 |             <!--===== HOME =====-->
21 |             
22 | 
23 |             <!--===== ABOUT =====-->
24 |             
25 | 
26 |             <!--===== SKILLS =====-->
27 |             
28 | 
29 |             <!--===== EDUCATION =====-->
30 |             
31 | 
32 |             <!--===== SERVICES =====-->
33 |             
34 | 
35 |             <!--===== PROJECT IN MIND =====-->
36 |             
37 | 
38 |             <!--===== WORKS =====-->
39 |             
40 | 
41 |             <!--===== CONTACT =====-->
42 |             
43 |         </main>
44 | 
45 |         <!--===== FOOTER =====-->
46 |         
47 |         <!--===== MAIN JS =====-->
48 |         <script src=""></script>
49 |     </body>
50 | </html>


--------------------------------------------------------------------------------