gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Files
a69b1d69cb75ea2df95f8b7b7304235a1e22a908
freeCodeCamp/guide/english/css/css-frameworks/css-framework-semanticui/index.md
Mrugesh Mohapatra da0df12ab7 fix(guide): simplify directory structure
2018-10-16 21:32:40 +05:30

1.5 KiB
Raw Blame History

title
title
CSS Framework Semantic UI

CSS Framework Semantic UI

Semantic UI is one of the most popular CSS framework for developing responsive, mobile first projects for the web.

Getting Started

Here is a simple HTML template which includes the latest compiled and minified CSS and Javascript for the Semantic UI library. We have used a CDN in this example, but you can checkout other ways of installing Semantic UI here.

    <!DOCTYPE html>
    <html lang="en">
      <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>Semantic UI Template</title>
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/semantic-ui/2.2.13/semantic.min.css">
      </head>
      <body>
        <h1>Hello World</h1>
        <!-- Add all HTML Code here -->
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
        <script src="https://cdn.jsdelivr.net/semantic-ui/2.2.13/semantic.min.js"></script>
      </body>
    </html>

Learning Resources

  • The official documentation for Semantic UI is available here.
  • Checkout Semantic UI's open source GitHub repository here.