hlxsites / zemax

AEM Franklin Solution for https://www.zemax.com/
https://main--zemax--hlxsites.hlx.page/
Apache License 2.0
3 stars 1 forks source link

CSS home page #190

Closed Anthony-Hopkins-star closed 1 year ago

Anthony-Hopkins-star commented 1 year ago

image

  1. Reduce the height of the top nav to match the original design on zemax.com
  2. Reduce the size of the font and make sure it is centered to match the design of zemax.com
  3. Reduce the spacing between the 2 lines within title to match the design on zemax.com

image

  1. "Trusted by" needs to be a smaller font to match the design of zemax.com
  2. Reduce the width and make sure that the text appears to be on 2 lines as displayed on zemax.com. Also make sure that the spacing of the title and text is reduced to match the zemax.com design
  3. Title should be slightly smaller in size as well as closer to the boxes below. Make sure the boxes below are centered just like they are within the original zemax.com design

image

  1. The background color of this section should be the light gray, as displayed within the original zemax.com design.
  2. Title should be centered and closer to the boxes below, as displayed within the original zemax.com design.
  3. The width of the box is too long and the height of the box is too short. The description text within the box needs to be bigger. The "Learn more" button needs to be in bold. All in order to match the original zemax.com design.
  4. The OpticStudio Logo should be smaller. The text underneath the logo should be bigger. The description text should be larger. The "Learn more" link should be in bold. All in order to match the original zemax.com design.
  5. Reduce the spacing between the 2 other boxes below. All in order to match the original zemax.com design.

image

  1. The title should be centered and smaller in font. All in order to match the original zemax.com design.

image

  1. "Training" Title needs to be centered.

image

  1. The title should be centered and the color grey

image

  1. "Featured News" needs to be smaller and closer to the boxes below. The "View all" button needs to be closer to the boxes above. All in order to match the original zemax.com design.
Anthony-Hopkins-star commented 1 year ago

image The following titles need to have padding so they are not pressed against the left side of the screen (mobile)

kmurugulla commented 1 year ago

Please work on tablet and mobile renditions for the same issues. As well as card related CSS changes requested for Desktop, Tablet and mobile