Portfolio Items

• Snowlake Jekyll Portfolio Layouts Guide

  Overview This guide provides comprehensive documentation for each portfolio layout type in the Snowlake Jekyll theme. Each layout offers unique ways to showcase your projects. 1. Video Layout Description Perfect for projects with video content, providing a clean and professional presentation. Front Matter Example --- date: 2024-08-02 20:37:13 +0600 layout: portfolio/items/video-layout title: "Video Project Showcase" sub_title: "Innovative Video Production" video_image: "/assets/media/video-thumbnail.jpg" video: "/assets/media/project-video.mp4" client: "Creative Media Co." filters: - video - branding --- Unique Features Displays video with custom thumbnail Shows project metadata (date, categories, client) Supports lead paragraph and detailed description 2.

• Multi-Image Portfolio Item

  Multi-Image Portfolio Item Guide Overview This guide explains how to create a portfolio item with multiple image galleries using the Snowlake Jekyll theme. Front Matter Configuration General Metadata date: YYYY-MM-DD # Publication date of the portfolio item layout: portfolio/items/multiple-img-layout # Required layout for multi-image portfolio title: "Portfolio Item Title" # Main title of the portfolio item sub_title: "Subtitle Description" # Optional subtitle header_image: "/path/to/header-image.webp" # Full-width header image Client Information client: "Client Name" # Name of the client or organization Categorization grouped_by: fullscreen_grid # Layout grouping method filters: # Categorization tags - branding # Example tags: branding, design, corporate, etc.

• Masonry Portfolio Item

  Masonry Portfolio Item Guide Overview This guide explains how to create a portfolio item with masonry-style image layouts using the Snowlake Jekyll theme. Front Matter Configuration General Metadata date: YYYY-MM-DD # Publication date of the portfolio item layout: portfolio/items/masonry-layout # Required layout for masonry portfolio title: "Portfolio Item Title" # Main title of the portfolio item sub_title: "Subtitle Description" # Optional subtitle background_image: "/path/to/background-image.webp" # Background image for the portfolio item Client Information client: "Client Name" # Name of the client or organization Categorization and Images filters: # Categorization tags - branding - corporate masonry_images: # Masonry image configuration - thumbnail: "/path/to/thumbnail1.

• Mosaic Portfolio Item

  Mosaic Portfolio Item Guide Overview This guide explains how to create a portfolio item with mosaic-style layouts and sections using the Snowlake Jekyll theme. Front Matter Configuration General Metadata date: YYYY-MM-DD # Publication date of the portfolio item layout: portfolio/items/columns-layout # Required layout for mosaic portfolio title: "Portfolio Item Title" # Main title of the portfolio item sub_title: "Subtitle Description" # Optional subtitle header_image: "/path/to/header-image.webp" # Full-width header image Client Information client: "Client Name" # Name of the client or organization Categorization grouped_by: mosaic # Mosaic layout grouping filters: # Categorization tags - branding - video Project Mosaic & Item Information thumbnail: "/path/to/thumbnail.

• Grid Portfolio Item Guide

  Grid Portfolio Item Guide Overview This guide explains how to create a portfolio item with grid-style carousel layouts using the Snowlake Jekyll theme. Front Matter Configuration General Metadata date: YYYY-MM-DD # Publication date of the portfolio item layout: portfolio/items/carousel-layout # Required layout for grid portfolio title: "Portfolio Item Title" # Main title of the portfolio item sub_title: "Subtitle Description" # Optional subtitle header_image: "/path/to/header-image.webp" # Full-width header image Client Information client: "Client Name" # Name of the client or organization Categorization grouped_by: grid # Grid layout grouping filters: # Categorization tags - branding - design Project Grid & Item Information thumbnail: "/path/to/thumbnail.

• Fullscreen Grid Portfolio Item

  Fullscreen Grid Portfolio Item Guide Overview This guide explains how to create a portfolio item with fullscreen grid layouts using the Snowlake Jekyll theme. Front Matter Configuration General Metadata date: YYYY-MM-DD # Publication date of the portfolio item layout: portfolio/items/multiple-img-layout # Required layout for fullscreen grid portfolio title: "Portfolio Item Title" # Main title of the portfolio item sub_title: "Subtitle Description" # Optional subtitle header_image: "/path/to/header-image.webp" # Full-width header image Client Information client: "Client Name" # Name of the client or organization Categorization grouped_by: fullscreen_grid # Fullscreen grid layout grouping filters: # Categorization tags - branding - corporate Visual Content Configuration thumbnail: "/path/to/thumbnail.

• Product Portfolio Item Guide

  Product Portfolio Item Guide Overview This guide explains how to create a portfolio item for product showcases using the Snowlake Jekyll theme. Front Matter Configuration Layout and Basic Information layout: portfolio/items/multiple-img-layout # Required layout for product portfolio title: "Product Name" # Product or project title sub_title: "Product Category" # Optional subcategory or description Visual Assets sm_img: "/path/to/small-image.webp" # Small thumbnail image big_img: "/path/to/large-image.webp" # Larger featured image header_image: "/path/to/header-bg.webp" # Full-width header background Client and Link Information client: "Client Name" # Company or client associated with the product link: "/" # Optional link to product page or website Categorization grouped_by: product_items # Grouping for product portfolios filters: # Categorization tags - corporate - design Image Galleries galleries: # Multiple image galleries - title: "First Gallery" # Optional gallery title images: # Array of images in the gallery - path: "/path/to/image1.

• Carousel Portfolio Item Guide

  Carousel Portfolio Item Guide Overview This guide explains how to create a portfolio item with carousel-style layouts using the Snowlake Jekyll theme. Front Matter Configuration General Metadata date: YYYY-MM-DD # Publication date of the portfolio item layout: portfolio/items/carousel-layout # Required layout for carousel portfolio title: "Portfolio Item Title" # Main title of the portfolio item sub_title: "Subtitle Description" # Optional subtitle background_image: "/path/to/background-image.webp" # Background image for the portfolio item Client Information client: "Client Name" # Name of the client or organization Categorization categories: # Categorization tags - branding - corporate Visual Content Configuration thumbnail: "/path/to/thumbnail.

• Columns Portfolio Item Guide

  Columns Portfolio Item Guide Overview This guide explains how to create a portfolio item with column-based layouts using the Snowlake Jekyll theme. Front Matter Configuration General Metadata date: YYYY-MM-DD # Publication date of the portfolio item layout: portfolio/items/columns-layout # Required layout for columns portfolio title: "Portfolio Item Title" # Main title of the portfolio item sub_title: "Subtitle Description" # Optional subtitle header_image: "/path/to/header-image.webp" # Full-width header image Client Information client: "Client Name" # Name of the client or organization Categorization filters: # Categorization tags - branding - video Visual Content Configuration thumbnail: "/path/to/thumbnail.

• Video Portfolio Item Guide

  Video Portfolio Item Guide Overview This guide explains how to create a portfolio item with video-based layouts using the Snowlake Jekyll theme. Front Matter Configuration General Metadata date: YYYY-MM-DD HH:MM:SS +TIMEZONE # Publication date and time layout: portfolio/items/video-layout # Required layout for video portfolio title: "Portfolio Item Title" # Main title of the portfolio item sub_title: "Subtitle Description" # Optional subtitle video_image: "/path/to/video-thumbnail.jpg" # Thumbnail image for video video: "/path/to/video-file.mp4" # Video file path Client Information client: "Client Name" # Name of the client or organization Categorization filters: # Categorization tags - branding - video # Add additional relevant tags Video Configuration Guidelines Video File Requirements Supported Formats: MP4, WebM, OGG Recommended Resolutions: 1920x1080 (Full HD) 1280x720 (HD) Maximum File Size: 100MB Compression: Use modern video compression techniques Thumbnail Image High-quality representative frame 16:9 aspect ratio recommended Minimum resolution: 1280x720 File formats: JPG, WebP, PNG Content Structure Markdown Content Guidelines --- # Front Matter (as described above) --- <p class="lead"> Introductory lead paragraph summarizing the video's essence or project highlights.

• Slider Portfolio Item Guide

  Slider Portfolio Item Guide Overview This guide explains how to create a portfolio item with slider-based layouts using the Snowlake Jekyll theme. Front Matter Configuration General Metadata date: YYYY-MM-DD # Publication date of the portfolio item layout: portfolio/items/slider-layout # Required layout for slider portfolio title: "Portfolio Item Title" # Main title of the portfolio item sub_title: "Subtitle Description" # Optional subtitle header_image: "/path/to/header-image.webp" # Full-width header image Client Information client: "Client Name" # Name of the client or organization Categorization grouped_by: slider # Slider layout grouping filters: # Categorization tags - branding - corporate Visual Content Configuration thumbnail: "/path/to/thumbnail.