Octana

UI Kit

Navigation Arrow LeftBack to main site
Foundation Styles
  • Icons
  • Typography
  • Colours
Navigation
  • Alerts
  • Breadcrumb
  • Call To Action Bar
  • Sub Navigation
  • Tabs
Content
  • Article Card List
  • Article Category
  • Article Hero
  • Article Topics
  • Article Page
  • Accordion
  • Buttons
  • Carousel
  • Cards
  • Card Layout
  • Content Animation
  • Description List
  • External iframe & custom HTML
  • Figure Image
  • Full Width Container
  • HubSpot Form
  • Grids
  • Icon List
  • Image Link
  • Image Gallery
  • Image Tiles
  • Inline Element
  • Lottie Animation
  • Modal Window
  • Rich Text Table
  • Section
  • Vertical Tab Carousel
  • Video Player

Article Topics



Example - Content Position Left

Lorem Ipsum

UIUXTips

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut dapibus, odio a hendrerit tristique, diam nulla feugiat odio, in mattis justo arcu et metus. Suspendisse venenatis finibus sapien, sed pulvinar ligula vehicula sit amet. Nunc libero felis

Example - Content Position Right

Lorem Ipsum

UIUXTips

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut dapibus, odio a hendrerit tristique, diam nulla feugiat odio, in mattis justo arcu et metus. Suspendisse venenatis finibus sapien, sed pulvinar ligula vehicula sit amet. Nunc libero felis