Can I use "Services Section with pure CSS" in commercial projects?

Yes. All GoSnippets are MIT licensed for personal and commercial use without attribution.

Does this snippet include Bootstrap?

This example targets Bootstrap 5. Copy the HTML/CSS/JS into your layout after loading Bootstrap CSS and JS from CDN or npm.

Services Section with pure CSS — Free Utilities Snippet (Bootstrap 5)

Loading…

Services Section with pure CSS — Free Utilities Snippet (Bootstrap 5) | GoSnippets

Source Code

1<section class="c-section">
2  <h2 class="c-section__title"><span>Our Services</span></h2>
3  <ul class="c-services">
4    <li class="c-services__item">
5      <h3>Responsive Web Design</h3>
6      <p>We leverage the concept of mobile-first design. Through our work, we focus on designing an experience that works across different screen sizes.</p>
7    </li>
8    <li class="c-services__item">
9      <h3>UX Auditing</h3>
10      <p>If you are unsure of how your app behaves, we can help by doing a detailed UX audit that will highlight most of the issues in your product. From there, we can take it further and fix all issues.</p>
11    </li>
12    <li class="c-services__item">
13      <h3>Front End Development</h3>
14      <p>We are Front End masters with a deep focus on HTML, CSS. The result of our work is a responsive, accessible, and performant websites. Either you have the design ready and want us to code it, or you want us to do both design and code, we&rsquo;re happy to do so.</p>
15    </li>
16    <li class="c-services__item">
17      <h3>UX Consultation</h3>
18      <p>If you don&rsquo;t know what kind of service to request from us, don&rsquo;t worry. We can help and see what fits your business and your budget.</p>
19    </li>
20    <li class="c-services__item">
21      <h3>Mobile Apps Design</h3>
22      <p>To reach more customers and the goals of your business, a mobile application is necessary these days. We will work on the app design from scratch to final tested prototype.</p>
23    </li>
24    <li class="c-services__item">
25      <h3>UX Research</h3>
26      <p>It&rsquo;s important to research deeply for the product you want to build. We help in that by defining the user audience, working on user stories, competitive analysis and much more. </p>
27    </li>
28  </ul>
29</section>

Services Section with pure CSS

How to use this snippet

Customization tips

Best for

Accessibility notes

Responsive design

Source Code

More Utilities snippets

Comments(0)

Working in Tailwind? Explore our Tailwind gallery

Ocean Depth Neumorphic Music Player with Waveform Scrubber

Cyberpunk AI Chat Dashboard with Dynamic Orbital Glow

Aurora Mint Neumorphic Event Scheduler with Drag Selection

Services Section with pure CSS

How to use this snippet

Customization tips

Best for

Accessibility notes

Responsive design

Source Code

More Utilities snippets

Working in Tailwind? Explore our Tailwind gallery

Trending Bootstrap snippets

Ocean Depth Neumorphic Music Player with Waveform Scrubber

Cyberpunk AI Chat Dashboard with Dynamic Orbital Glow

Aurora Mint Neumorphic Event Scheduler with Drag Selection