Web Style Guide: Wells HTML: WellsA well is used to wrap a segment of content. HTML: Wells Hi, I'm a well.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut eleifend neque. Well w/ callout.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut eleifend neque. <div class="well"> ... </div> <div class="well callout"> ... </div> Hi, I'm a red well.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut eleifend neque. Red well w/ callout.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut eleifend neque. <div class="well well-red"> ... </div> <div class="well well-red callout"> ... </div> Hi, I'm a gray well.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut eleifend neque. Gray well w/ callout.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut eleifend neque. <div class="well well-gray"> ... </div> <div class="well well-gray callout"> ... </div> Hi, I'm a blue well.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut eleifend neque. Blue well w/ callout.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut eleifend neque. <div class="well well-blue"> ... </div> <div class="well well-blue callout"> ... </div> Hi, I'm a green well.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut eleifend neque. Green well w/ callout.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut eleifend neque. <div class="well well-green"> ... </div> <div class="well well-green callout"> ... </div> Hi, I'm an orange well.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut eleifend neque. Orange well w/ callout.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut eleifend neque. <div class="well well-orange"> ... </div> <div class="well well-orange callout"> ... </div> Hi, I'm a teal well.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut eleifend neque. Teal well w/ callout.Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ut eleifend neque. <div class="well well-teal"> ... </div> <div class="well well-teal callout"> ... </div> Design, Tools & Training Skip Menu Navigate: Select to Navigate... - Web Design Toolkit -- Web Design Toolkit -- Web Accessibility --- What is Web Accessibility? --- Web Accessibility Governance --- Roles and Responsibilities --- Web Project Planning --- Tools, Tests and Resources -- Web Style Guide --- Style Guide --- Web Color --- Typography --- Links & Buttons --- Icons --- HTML Lists --- Tables --- Alerts --- Wells --- Forms --- Video --- Cheatsheet --- UTMB Web 4x --- UTMB Web 3x -- Sitefinity CMS Websites --- Sitefinity Overview --- Widgets / Components ---- Sitefinity Widgets ---- Layout ---- Content Blocks ---- Navigation ---- Images ---- News ---- Blogs ----- Blog Posts ----- Blog Posts Link Card ----- Blog Posts Slider ---- Events ---- Lists ----- Accordion List ----- Anchor List ----- Expandable List ----- Expanded List ----- Link List ----- Link Card List ----- Panel List ----- People List ----- Simple List ----- Tabs List ---- Feature Box ---- Categories & Tags ---- Forms ---- Search ---- CSS, JS and Embed ---- UTMB Web 3x --- Sitefinity Training ---- Sitefinity How-tos ----- Guide ----- Logging in and Site Settings ----- Create Content ----- Templates and Layouts ----- Page Content and Settings ----- Training Video Library -- Non-Sitefinity Web Applications - Social Media Toolkit -- Social Media Toolkit -- Social Media Blog - Video Publishing Toolkit - More Tools & Training -- Additional Tools Overview -- Siteimprove -- Razuna Image Library -- SharePoint and OneDrive -- Mini-URL Link Shortener -- Angelfish Analytics -- Webforms -- Sitefinity Training Web Design Toolkit Web Design Toolkit Web Accessibility What is Web Accessibility? Web Accessibility Governance Roles and Responsibilities Web Project Planning Tools, Tests and Resources Web Style Guide Style Guide Web Color Typography Links & Buttons Icons HTML Lists Tables Alerts Wells Forms Video Cheatsheet UTMB Web 4x UTMB Web 3x Sitefinity CMS Websites Sitefinity Overview Widgets / Components Sitefinity Widgets Layout Content Blocks Navigation Images News Blogs Blog Posts Blog Posts Link Card Blog Posts Slider Events Lists Accordion List Anchor List Expandable List Expanded List Link List Link Card List Panel List People List Simple List Tabs List Feature Box Categories & Tags Forms Search CSS, JS and Embed UTMB Web 3x Sitefinity Training Sitefinity How-tos Guide Logging in and Site Settings Create Content Templates and Layouts Page Content and Settings Training Video Library Non-Sitefinity Web Applications Social Media Toolkit Social Media Toolkit Social Media Blog Video Publishing Toolkit More Tools & Training Additional Tools Overview Siteimprove Razuna Image Library SharePoint and OneDrive Mini-URL Link Shortener Angelfish Analytics Webforms Sitefinity Training