Content before main menu
Content after main menu

Tuicast

A fast and lightweight framework designed to easily build websites. No JS, just pure HTML and CSS.

Deliver your information with diverse basic layouts

Basic section

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis distinctio excepturi exercitationem, facilis iure quibusdam quos tempore! Expedita, nemo, sit! Aperiam nam provident ratione recusandae soluta ut vel voluptatem? Similique.Aperiam et explicabo, pariatur quo quod voluptatem voluptates. A ad cupiditate explicabo facere odio quasi totam voluptatem. Commodi consectetur, culpa delectus molestias, nemo omnis quam rem repellat similique tempore vero?Adipisci aliquam animi beatae consequuntur, dolorem doloribus libero, magnam, maxime quidem sunt totam vero voluptas voluptatum. At cupiditate delectus dicta facilis id ipsam modi numquam odio. Ab itaque nesciunt nisi.

Text-600 - an optimized line length

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam aut blanditiis corporis cum, dolor esse eum impedit iste magnam maxime minima natus nemo nostrum officia, omnis ratione recusandae repellendus sint.Architecto asperiores assumenda at cumque deleniti dolore eligendi labore maiores obcaecati quos saepe, soluta temporibus tenetur ullam voluptas? Aspernatur assumenda blanditiis consequatur dicta fugiat libero nihil optio pariatur quidem, veniam!

Same but centered

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam aut blanditiis corporis cum, dolor esse eum impedit iste magnam maxime minima natus nemo nostrum officia, omnis ratione recusandae repellendus sint.Architecto asperiores assumenda at cumque deleniti dolore eligendi labore maiores obcaecati quos saepe, soluta temporibus tenetur ullam voluptas? Aspernatur assumenda blanditiis consequatur dicta fugiat libero nihil optio pariatur quidem, veniam!

Flex Layout 50%

Text Header

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis distinctio excepturi exercitationem, facilis iure quibusdam quos tempore! Expedita, nemo, sit! Aperiam nam provident ratione recusandae soluta ut vel voluptatem? Similique.

Corporis

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis distinctio excepturi exercitationem, facilis iure quibusdam quos tempore! Expedita, nemo, sit! Aperiam nam provident ratione recusandae soluta ut vel voluptatem? Similique.

Lorem Ipsum

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis distinctio excepturi exercitationem, facilis iure quibusdam quos tempore! Expedita, nemo, sit! Aperiam nam provident ratione recusandae soluta ut vel voluptatem? Similique.

Dolor Sit Amet

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis distinctio excepturi exercitationem, facilis iure quibusdam quos tempore! Expedita, nemo, sit! Aperiam nam provident ratione recusandae soluta ut vel voluptatem? Similique.

Background

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis distinctio excepturi exercitationem, facilis iure quibusdam quos tempore! Expedita, nemo, sit! Aperiam nam provident ratione recusandae soluta ut vel voluptatem? Similique.

Border

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis distinctio excepturi exercitationem, facilis iure quibusdam quos tempore! Expedita, nemo, sit! Aperiam nam provident ratione recusandae soluta ut vel voluptatem? Similique.

Flex Layout 33%, 66%

Text Header 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis distinctio excepturi exercitationem, facilis iure quibusdam quos tempore!

Text Header 2

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis distinctio excepturi exercitationem, facilis iure quibusdam quos tempore! Expedita, nemo, sit! Aperiam nam provident ratione recusandae soluta ut vel voluptatem? Similique.

Text Header 3

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis distinctio excepturi exercitationem, facilis iure quibusdam quos tempore! Expedita, nemo, sit! Aperiam nam provident ratione recusandae soluta ut vel voluptatem? Similique.

Text Header 4

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis distinctio excepturi exercitationem, facilis iure quibusdam quos tempore!

Text Header 5

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis distinctio excepturi exercitationem, facilis iure quibusdam quos tempore! Expedita, nemo, sit! Aperiam nam provident ratione recusandae soluta ut vel voluptatem? Similique.

Text Header 6

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis distinctio excepturi exercitationem, facilis iure quibusdam quos tempore! Expedita, nemo, sit! Aperiam nam provident ratione recusandae soluta ut vel voluptatem? Similique.

Text Header 7

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis distinctio excepturi exercitationem, facilis iure quibusdam quos tempore! Expedita, nemo, sit! Aperiam nam provident ratione recusandae soluta ut vel voluptatem? Similique.

Text Header 8

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis distinctio excepturi exercitationem, facilis iure quibusdam quos tempore!

Basic Predefined Grids

Grid 100%
Grid 50%
Grid 50%
Grid 33.333%
Grid 33.333%
Grid 33.333%
Grid 25%
Grid 25%
Grid 25%
Grid 25%
Grid 33.333%
Grid 66.666%
Grid 66.666%
Grid 33.333%
Grid 25% (no gap)
Grid 25% (no gap)
Grid 25% (no gap)
Grid 25% (no gap)
Grid 25%
Grid 25%
Grid 50%
Grid 25%
Grid 50%
Grid 25%
Grid 50%
Grid 25%
Grid 25%
Grid 75%
Grid 25%
Grid 25%
Grid 75%

Structure and organize voluminous information with spoilers and tabs

Spoiler

Spoiler Paragraph 1

A good option for FAQ's and tutorials.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad ducimus eos exercitationem impedit numquam odit perspiciatis porro quas quis soluta. Amet consectetur distinctio, eligendi eos explicabo non porro quae qui?Accusantium alias beatae consequatur consequuntur debitis dolor doloremque facere, fuga illum, incidunt laboriosam, nemo neque soluta vel vero! At dicta dolore iusto molestias optio ratione repellendus repudiandae rerum sequi soluta?

Horizontal Tabs

First Text Header

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Second Text Header

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Third Text Header

Lorem ipsum dolor sit amet, consectetur adipisicing elit. A ad adipisci aliquam animi aspernatur atque doloribus earum facilis iure optio quia quisquam, recusandae, rerum saepe totam ullam ut voluptatum. Odit.

Vertical Tabs

Cabernet

Lorem ipsum dolor

Merlot

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Sauvignon

Reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Pinot

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Chardonnay

Reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Riesling

Adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

In reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Easily put together a post page template

A number of pre-defined components such as breadcrumbs, user avatars, icon-charged headers, tags and more are of great help.

Post Header

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid architecto deserunt dolore explicabo fugiat hic id illo repellendus sequi vitae? Earum, id nemo nesciunt possimus quisquam repellat reprehenderit totam voluptatibus!Amet assumenda commodi, consequatur culpa distinctio ea eaque est ex impedit in ipsam necessitatibus obcaecati quia repellat repellendus sint sunt. Aliquam atque, deserunt ducimus earum eius libero minus numquam provident.

Row Header & Icon

Ad ea enim id illum laborum magni ratione sequi sint. Accusamus alias amet architecto, consequuntur dolore eligendi exercitationem id ipsam laudantium magnam minima molestias officia quis rem similique tempore voluptatem.Delectus dicta eaque et expedita hic, odio qui repudiandae temporibus? At commodi, cupiditate deleniti dolorum earum excepturi hic laudantium natus neque numquam obcaecati, quae quod reiciendis, reprehenderit totam veritatis voluptates?

Comedy News & Politics Gaming Education Music

Format your text whatever you like it

Highlight it

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto cumque deleniti dolorem eveniet id nemo nostrum odit quaerat quos voluptatem! Debitis et excepturi facilis laboriosam nihil. Id nihil reiciendis unde.Corporis, cumque fuga, fugiat hic ipsam molestiae officiis quibusdam quo, ratione sequi tempore temporibus voluptas voluptatum. Aliquam deserunt distinctio exercitationem explicabo illo mollitia quam suscipit? Explicabo magni necessitatibus quas voluptatibus?Accusamus alias aliquam amet culpa debitis eum, exercitationem expedita fuga id inventore ipsum iusto maxime molestiae molestias nobis non nulla quia rem repellat repellendus sequi tempore unde veritatis vero vitae.Alias aut eum nemo nobis officia possimus quia quisquam. A animi commodi consectetur dolore ducimus eligendi enim eveniet incidunt modi sit! Aspernatur id itaque minima odit omnis quos rem saepe.Accusantium architecto blanditiis consectetur dignissimos dolorum ducimus est, exercitationem expedita facere hic id incidunt iste maiores mollitia nisi obcaecati officia officiis quisquam, quo ratione reprehenderit sapiente sunt temporibus? Commodi, quod?Accusantium amet aspernatur at commodi consequuntur dignissimos eligendi enim esse est, nemo praesentium quasi rerum sequi similique sunt tempore vel velit, voluptatem! Ad assumenda eveniet maiores nemo omnis optio provident!

Use fancy icon-charged lists

  • Image Icon
  • Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto autem consequuntur debitis enim, exercitationem fuga, harum in iusto laboriosam maxime porro provident quae quam rem suscipit, unde vero. Necessitatibus, quis?
  • Unicode Icon

Emphasize your headings with pre-headers

New gaming experience

Text Header

Our new project

Text Header

Sale!

Text Header

Use dynamic tooltips

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aspernatur autem consequuntur dicta iure iusto, magni modi nam non provident qui quis quisquam reiciendis repellendus suscipit temporibus tenetur?

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Blockquotes & Text Emphasis Blocks

The greatest glory in living lies not in never falling, but in rising every time we fall.
Nelson Mandela

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab accusamus aperiam eos, ex illo ipsam mollitia natus repellat unde? Consequatur, distinctio dolore ipsam molestias pariatur porro reiciendis rem ullam vitae.Ab, dolore doloribus excepturi impedit minus nemo optio provident qui quos recusandae repellat rerum voluptate? A accusamus adipisci assumenda blanditiis cumque distinctio, illum incidunt laudantium molestias quibusdam repellendus vero vitae.

Molestias pariatur porro reiciendis rem ullam vitae. — Text Emphasis 1

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab aliquid aut consectetur delectus ex exercitationem fugiat hic molestias nisi praesentium, quaerat quam quasi quia quod repellendus sunt ut vitae voluptatibus.Adipisci at atque beatae blanditiis dolorem facere impedit molestiae nesciunt quis quisquam, quod sunt tenetur? Atque culpa dolore dolorum error expedita libero magnam nihil pariatur perspiciatis quia similique, suscipit? Tempora!

Laborum maxime nostrum quas quod reiciendis. — Text Emphasis 2 (Success Applied)

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci amet aperiam cumque eaque excepturi fugiat hic illum ipsa ipsum labore laborum maxime nostrum quas quod reiciendis, tenetur ut vitae voluptates!Dolor eaque error eum modi mollitia. Dolores harum odio sint veritatis. Ab animi aperiam consequatur doloribus eius eos est eum fuga ipsa laboriosam maiores nulla omnis recusandae repudiandae sint, vero.

Dolor eaque error eum modi mollitia. — Text Emphasis 3 (Failure Applied)

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium adipisci atque dicta dignissimos dolor doloremque earum enim est inventore ipsum laudantium odio, omnis praesentium quia quibusdam quis, soluta vitae voluptatibus?Deserunt eius eos nisi non placeat quidem similique vero. Amet commodi dignissimos dolor ea eos error hic incidunt inventore neque, odio omnis, praesentium sequi voluptatibus. Ab atque blanditiis consectetur quis.

Amet commodi dignissimos dolor ea eos. — Text Emphasis 4 (Warning Applied)

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusantium architecto deserunt dolores ducimus error in ipsam modi nisi placeat possimus quas quidem quo, recusandae repellendus sapiente, sint soluta voluptas voluptatum!Aliquid architecto consectetur, dolore ex fugit iste minima mollitia nemo nisi numquam quasi quod, recusandae similique sit voluptatum. Adipisci explicabo facere illum molestiae nesciunt optio quas saepe velit voluptatem voluptatibus!

Layout your forms and inputs efficiently



Fieldset (fieldset tag)


Pre-designed Components

Text Block + Icon

Info message

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus, adipisci at beatae eius in maxime modi natus neque non, nostrum numquam perferendis, quo quod ratione rerum similique temporibus! Asperiores, dolore.

Info message

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus, adipisci at beatae eius in maxime modi natus neque non, nostrum numquam perferendis, quo quod ratione rerum similique temporibus! Asperiores, dolore.

Success message

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus, adipisci at beatae eius in maxime modi natus neque non, nostrum numquam perferendis, quo quod ratione rerum similique temporibus! Asperiores, dolore.

Failure message

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus, adipisci at beatae eius in maxime modi natus neque non, nostrum numquam perferendis, quo quod ratione rerum similique temporibus! Asperiores, dolore.

Warning message

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus, adipisci at beatae eius in maxime modi natus neque non, nostrum numquam perferendis, quo quod ratione rerum similique temporibus! Asperiores, dolore.

Linear Blocks

Linear Block with picture #1

by John Doe | September, 11

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio dolorum ducimus eius, excepturi fugit maiores modi natus necessitatibus nobis nostrum obcaecati pariatur quibusdam recusandae reiciendis rerum saepe sed, veritatis voluptates!

Linear Block with picture #2

by John Doe | September, 11

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio dolorum ducimus eius, excepturi fugit maiores modi natus necessitatibus nobis nostrum obcaecati pariatur quibusdam recusandae reiciendis rerum saepe sed, veritatis voluptates!

Linear Block with picture #3

by John Doe | September, 11

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Distinctio dolorum ducimus eius, excepturi fugit maiores modi natus necessitatibus nobis nostrum obcaecati pariatur quibusdam recusandae reiciendis rerum saepe sed, veritatis voluptates!

Card Post Block

A classical solution for e-shops and blog posts.

Sneakers

Shop Item Header #1

Lorem ipsum dolor sit amet, consectetur adipisicing elit. A ducimus, est expedita itaque molestias nam provident quia recusandae sit ullam ut veniam vero vitae. At iste mollitia rem ullam voluptatem!

Made in:China
Size:45
Color:sarcoline
$51.45

Blog Post Header #1

by Administrator

Lorem ipsum dolor sit amet, consectetur adipisicing elit. A ducimus, est expedita itaque molestias nam provident quia recusandae sit ullam ut veniam vero vitae. At iste mollitia rem ullam voluptatem!

Comedy News & Politics Gaming Education

Full Background Blog Post Header #2

by Administrator

Lorem ipsum dolor sit amet, consectetur adipisicing elit. A ducimus, est expedita itaque molestias nam provident quia recusandae sit ullam ut veniam vero vitae. At iste mollitia rem ullam voluptatem!

Comedy News & Politics Gaming Education

Starting in September

Programming in Scratch

Advanced-level course for our students

Card-type full-width announce

Hero Blocks, Fullwidth Banners, CTA Blocks

Delicious Ice Cream

Hero Block Example #1

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus accusantium adipisci doloremque, earum error est ex expedita facilis illo itaque minus, provident sequi voluptatibus! Maxime nihil nisi porro reprehenderit sunt.

We're Hiring Professionals

Hero Block Example #2

  • Graphic Designer
  • PHP Developer
  • CMS Wordpress Developer

studio design

Lora vase

Lorem ipsum dolor sit amet, consectetur adipisicing elit. At blanditiis corporis dicta, dignissimos dolor doloribus eaque expedita explicabo fugiat, in incidunt libero magni odit quo quos similique temporibus totam, ut.
★★★★★