This is a test blog post

Steel

AISC (USA)

Connection

this is my lead paragraph

This is my first blog post

test test text test

necting the structural members have their pros and cons.

python

@font-face {
    font-family: "Anton Regular";
    src: url("fonts/Anton-Regular.ttf");
    font-weight: normal;
    font-style: normal;
}
.text-center {
    text-align: center;
}

html,
body {
    height: auto;
}
html *,
html *::before,
html *::after,
body *,
body *::before,
body *::after {
    box-sizing: border-box;
}

html {
    box-sizing: border-box;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

body {
    position: relative;
    background: #f6f3f9;
    color: #000;
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-weight: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 1.7;
    margin: 0;
    min-width: 320px;
    padding-top: 150px;
}
@media (min-width: 768px) {
    body {
       font-size: 18px;
    }
}
@media (min-width: 992px) {
    body {
       font-size: 20px;
    }
}

a {
    color: inherit;
    text-decoration: underline;
}
a:focus {
    outline: none;
}

h1,
.is-h1,
h2,
.is-h2,
h3,
.is-h3,
h4,
.is-h4 {
    font-family: "Anton Regular", "League Gothic", sans-serif;
    font-weight: normal;
    line-height: 1.3;
    text-rendering: optimizeLegibility;
    text-transform: uppercase;
    margin: 0;
}

h1,
.is-h1 {
    color: #4f2170;
    font-size: 50px;
}

h2,
.is-h2 {
    font-size: 42px;
}

h3,
.is-h3 {
    font-size: 42px;
}

.heading-purple {
    color: #4f2170;
}

p {
    margin-top: 0;
}

.nowrap {
    white-space: nowrap;
}

strong {
    font-weight: bold;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

ol,
ul,
li {
    margin: 0;
    padding: 0;
}

table {
    width: 100%;
    border-spacing: 0;
}

input,
button,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

button {
    border: none;
    background: transparent;
    padding: 0;
    margin: 0;
    outline: none;
    font-weight: inherit;
    text-align: inherit;
    color: inherit;
    cursor: pointer;
    text-transform: inherit;
}

label {
    cursor: pointer;
}

svg {
    pointer-events: none;
}

[hidden] {
    display: none !important;
}

[aria-disabled="true"],
[disabled],
.is-disabled {
    cursor: not-allowed;
}

.brandList {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    padding: 40px 0;
    margin: auto;
}
.brandList::selection {
    background: transparent;
}
.brandList-wrapper {
    background-color: #fff;
    overflow: auto;
    width: 100%;
    text-align: center;
}
.brandList::before,
.brandList::after {
    content: "";
    display: block;
    height: 150px;
    border-right: 1px solid #000;
}
.brandList::before {
    margin-right: 20px;
}
.brandList::after {
    margin-left: 20px;
}
.brandList-box {
    padding: 0 10px;
    flex: 0 0 120px;
    width: 120px;
}

.container {
    max-width: 100%;
    padding: 0 20px;
    margin: auto;
    width: 890px;
}
.container.view-l {
    width: 1240px;
}

.eventGrid {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 850px;
    margin: auto;
}
.eventGrid-box {
    flex: 0 0 280px;
    padding: 10px;
}
.eventGrid-empty {
    flex: 0 0 100%;
    padding: 20px;
    background-color: #f6f3f9;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    border-radius: 8px;
    color: #8b8b8b;
}

.eventPanel {
    padding-top: 100%;
    border-radius: 8px;
    overflow: hidden;
    position: relative;
    color: #fff;
    font-size: 15px;
}
.eventPanel-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
}
.eventPanel-background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    object-fit: cover;
    object-position: center top;
}
.eventPanel-logo {
    position: absolute;
    top: -30px;
    right: auto;
    bottom: auto;
    left: -20px;
    width: 110px;
    height: 110px;
    background-color: #fff;
    border-radius: 50%;
    overflow: hidden;
    z-index: 1;
    padding: 10px;
    padding-top: 25px;
    padding-left: 20px;
}
.eventPanel-logo img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}
.eventPanel-content {
    background-color: #4f2170;
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    transition: 0.4s;
    height: 100px;
    overflow: hidden;
    padding: 10px 10px;
    padding-bottom: 40px;
}
.eventPanel-title {
    text-transform: uppercase;
    font-size: 20px;
    font-family: "Anton Regular", "League Gothic", sans-serif;
    line-height: 1.2;
    min-height: 50px;
}
.eventPanel-footer {
    position: absolute;
    top: auto;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 10px;
    background-color: #4f2170;
    font-size: 12px;
}
.eventPanel:hover .eventPanel-content {
    height: 100%;
}

/* 2. Stylování odkazu (download vrstvy) */
.eventPanel-link {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    text-decoration: none; /* Odstraní podtržení */
}

/* 3. Text, který se zobrazí jen u archivních s downloadem */
.eventPanel.view-archived .eventPanel-link::after {
    content: attr(data-hover);

    /* ABSOLUTNÍ POZICE JE KLÍČ - text bude plavat nad obsahem */
    position: absolute;
    bottom: 25px; /* Umístění nad spodním okrajem */
    left: 10px;
    right: 10px;

    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    text-transform: none;
    font-size: 14px;
    line-height: 1.4;
    color: #fff;
    text-align: left;

    /* Výchozí stav - skryto */
    opacity: 0;
    transform: translateY(10px);
    transition: opacity 0.3s ease 0.2s, transform 0.3s ease 0.2s;
}

/* 4. Aktivace hoveru - pouze když najedeš na kartu */
.eventPanel.view-archived:hover .eventPanel-link::after {
    opacity: 1;
    transform: translateY(0);
}

/* 5. Barvy pro archivní (tvoje původní pravidlo) */
.eventPanel.view-archived .eventPanel-content,
.eventPanel.view-archived .eventPanel-footer {
    background-color: #4f2170 !important;
}

.footer {
    background-color: #4f2170;
    padding: 50px 0;
    color: #fff;
    font-size: 15px;
    position: relative;
}
.footer-before {
    background-color: #fff;
    padding-top: 50px;
}
.footer-before-image {
    width: 300px;
}
.footer-container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: wrap;
}
.footer-column {
    padding: 0 15px;
    line-height: 2;
    margin-bottom: 40px;
}
.footer-column-hint {
    max-width: 350px;
    font-size: 12px;
    opacity: 0.5;
}
.footer-company {
    margin-bottom: 20px;
    font-weight: bold;
}
.footer-company img {
    margin-bottom: 30px;
}
.footer-list {
    list-style-type: none;
}
.footer-item {
    display: block;
}
.footer-link {
    text-decoration: none;
    display: inline-block;
}
.footer-link:hover {
    font-weight: bold;
}
.footer-button {
    text-decoration: none;
    display: inline-block;
    background-color: #fff;
    color: #4f2170;
    padding: 2px 20px;
    border-radius: 8px;
    margin-top: 20px;
    font-weight: bold;
}
.footer-email {
    font-size: 20px;
    display: block;
    margin-bottom: 35px;
    text-decoration: none;
}
@media (min-width: 992px) {
    .footer-container {
       flex-wrap: nowrap;
    }
    .footer-column {
       flex: 0 1 auto;
    }
    .footer-email {
       font-size: 30px;
    }
}

.header {
    background-image: url("images/header-background.png");
    background-size: auto 100%;
    background-position: center bottom;
    padding: 20px 0;
    position: fixed;
    top: 0;
    right: 0;
    bottom: auto;
    left: 0;
    z-index: 25;
}
.header-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    position: relative;
}
.header-menu {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 30;
    width: 100%;
    height: 100%;
    background-color: #4f2170;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    list-style-type: none;
    overflow: auto;
    opacity: 0;
    transform: scale(1.5, 1.5);
    transition: 0.4s;
    pointer-events: none;
}
.header-menu-opener {
    position: absolute;
    top: 5px;
    right: 20px;
    bottom: auto;
    left: auto;
    z-index: 35;
    cursor: pointer;
}
.header-menu-opener-ico {
    width: 31px;
    height: 25px;
    display: inline-block;
    position: relative;
}
.header-menu-opener-ico span {
    background-color: #e18719;
    display: block;
    position: absolute;
    width: 100%;
    height: 3px;
    left: 0;
    transition: 0.2s;
}
.header-menu-opener-ico span:nth-of-type(1) {
    top: 0;
}
.header-menu-opener-ico span:nth-of-type(2) {
    top: 11px;
}
.header-menu-opener-ico span:nth-of-type(3) {
    top: 22px;
}
.header-menu-opener-ico span:nth-of-type(4),
.header-menu-opener-ico span:nth-of-type(5) {
    top: 11px;
}
.header-menu-item {
    display: inline-block;
}
.header-menu-link {
    text-transform: uppercase;
    font-weight: normal;
    text-decoration: none;
    color: #fff;
    font-family: "Anton Regular", "League Gothic", sans-serif;
    padding: 5px 20px;
    display: block;
    font-size: 20px;
}
.header-menu-locale {
    margin-top: 5px;
}
.header-menu.is-open {
    opacity: 1;
    transform: scale(1, 1);
    pointer-events: all;
}
@media (min-width: 992px) {
    .header-menu {
       position: relative;
       top: 0;
       right: 0;
       bottom: 0;
       left: 0;
       background-color: transparent;
       display: block;
       opacity: 1;
       pointer-events: all;
       transform: scale(1, 1);
       text-align: right;
    }
    .header-menu-opener {
       display: none;
    }
    .header-menu-link {
       padding: 5px 20px;
       display: inline-block;
    }
    .header-menu-locale {
       margin-top: 0;
       margin-left: 20px;
       position: relative;
       top: -5px;
    }
}

.tabs {
    position: relative;
}
.tabs-image {
    display: none;
}
.tabs-image-mobile {
    margin: auto;
    max-width: 80%;
    text-align: center;
    width: 400px;
}
.tabs-header {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}
.tabs-header-item {
    text-transform: uppercase;
    background-color: #eae4f0;
    color: #8b8b8b;
    padding: 5px 5px;
    position: relative;
    z-index: 1;
    font-family: "Anton Regular", "League Gothic", sans-serif;
    font-size: 24px;
    transition: 0.2s;
    text-align: center;
    flex: 0 0 50%;
}
.tabs-header-item span {
    padding: 0 5px;
    border-bottom: 2px solid transparent;
}
.tabs-header-item.is-active {
    background-color: #fff;
    color: #e18719;
    z-index: 4;
}
.tabs-header-item.is-active span {
    border-bottom: 2px solid #4f2170;
}
.tabs-content {
    background-color: #fff;
}
.tabs-panel {
    padding: 20px 0;
}
@media (min-width: 1200px) {
    .tabs-image {
       display: block;
       position: absolute;
       top: 0;
       right: 0;
       bottom: auto;
       left: auto;
       margin-top: -100px;
       width: 250px;
    }
    .tabs-image-mobile {
       display: none;
    }
    .tabs-header-item {
       font-size: 26px;
       border-radius: 8px 8px 0 0;
       margin: 0 -5px;
       padding: 15px 35px;
       flex: 0 1 auto;
    }
    .tabs-panel {
       padding: 50px 0;
    }
}

.textBlock {
    padding: 40px 0;
}
.textBlock p {
    line-height: 2;
}
.textBlock ul {
    text-align: left;
    padding-left: 60px;
    margin-bottom: 20px;
}
.ot-sdk-show-settings {
    padding: 10px 20px;
    background-color: #4f2170;
    color: #fff;
    border: none;
    cursor: pointer;
}

#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy li,
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy p,
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy a,
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy span,
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy td,
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy #cookie-policy-description {
    color: #000 !important;
}
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-cookie-policy-group {
    font-size: 20px !important;
    color: #4f2170 !important;
    font-family: "Anton Regular", "League Gothic", sans-serif !important;
}
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table th {
    background-color: #4f2170 !important;
    border-color: #4f2170 !important;
    color: #fff !important;
}

#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table,
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy table td {
    border-color: #4f2170 !important;
    color: #000 !important;
}

#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy a,
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy a:hover {
    background-color: transparent !important;
    color: #000 !important;
}

#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy .ot-sdk-cookie-policy-group-desc,
#ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy #cookie-policy-description {
    font-size: 16px !important;
    line-height: 2 !important;
}
@media (min-width: 768px) {
    #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy
       .ot-sdk-cookie-policy-group-desc,
    #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy #cookie-policy-description {
       font-size: 18px !important;
    }
}
@media (min-width: 992px) {
    #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy
       .ot-sdk-cookie-policy-group-desc,
    #ot-sdk-cookie-policy-v2.ot-sdk-cookie-policy #cookie-policy-description {
       font-size: 20px !important;
    }
}
/*# sourceMappingURL=index.css.map */

Purely welded connections are harder than bolted connections and are thus considered to be safer or can reduce deflections. But then some experienced (meaning expensive) welder has to be somewhere on site, safely hanged in the space, often in inhospitable weather. The weld quality checks are sometimes not even possible, and the less precise work brings obviously higher

Headline 2

"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?"

Choose language

Choose region

This is a test blog post

Navigation

This is my first blog post

Headline 2

Headline 3

Headline 4