front-end-by-rimantas / 10-grupe-portfolio-personal Goto Github PK

Create feedback section structure and styling:

1. Row
   1. h2
   2. p
2. Row
   1. Show two columns of n
      1. Row
         1. image
      2. Row
         1. p
         2. h4
         3. p
   2. Gallery controls in right side outside container
      1. Left
      2. Right

• remove structural elements that has no value

Create facts section structure and styling:

1. 4 columns
   1. h4
   2. p

Write default CSS variables & download images

• color variables (primary, secondary, light, dark)
• breakpoint variables (sm, md, lg, xl)
• download template images

Write JS for feedback section to print feedback & create feedback carousel animation with control buttons

Create plans section structure and styling:

1. Row
   1. h2
   2. p
2. Row
   1. 4 columns
      1. h3
      2. h4
      3. 3 p
      4. h6
         1. button on focus

Write JS for header navigation to complete it's functionality

@media 992px blogas layout'as. Pjaunasi stiliai flex-wrap: nowrap.

Create blog posts section structure and styling:

1. Row
   1. h2
   2. p
2. Row
   1. 3 columns
      1. Row
         1. Image
      2. Row
         1. image
         2. a
         3. p
         4. icon with text
         5. icon with text
      3. Row
         1. h4
         2. p

Create footer structure and styling:

1. column
   1. h3
   2. p
2. column
   1. h3
   2. p
   3. input with button
3. column
   1. h3
   2. p
   3. icons

Write whole page structure: (section>container>row>column>elements)

• Header navigation
• Hero
• Personal details
• Services
• Facts
• Latest Projects
• Feedback
• Plans
• Blog posts
• Brands
• Footer

Picture:

Write JS for brands section to print brands & create brands carousel animation

Write JS for blog posts section to print blog posts

Write JS for latest projects section to print projects by category & create project appearing animation

Create hero section (two columns) structure and styling:

1. Left
   1. h6
   2. h1
   3. p
   4. button
2. Right
   1. image

Create services section (two rows) structure and styling:

1. Row
   1. h2
   2. p
2. Row
   1. 6 columns
      1. Icon
      2. h3
      3. p

Create personal details section (two columns) structure and styling:

1. Right
   1. h6
   2. h2
   3. p
   4. button
2. Left
   1. image

Write JS for service section to print services

Write JS for plans section to print plans

Create brands section structure and styling:

1. show 5 brands of n
   1. image

Write JS for facts section to complete it's functionality. It must print facts and create number animation (from 0)

Create header navigation structure and styling:

1. Left
   1. Logo
2. Right
   1. Links (with dropdown)

MD, SM:

1. Menu icon in right corner of navigation
2. Hidden links
3. Black navigation menu in left side
   1. Cross icon in right corner of header navigation
   2. Links (with dropdown)

Create latest projects section structure and styling:

1. Row
   1. h2
   2. p
2. Row
   1. Project categories navigation
3. Row
   1. gallery image
      1. binoculars icon on hover
      2. show gallery in fullscreen on pressing the binoculars
   2. h4
   3. div