How to post code here?

[RedTerror]

Hi all, sorry if stupid question. I recently started studying HTML/CSS on Udemy and made something and want to either post the code here or share it somehow.

I was able to post the CSS, but the HTML MyBB won't let me post.
I tried removing a few things, like script src that links to fontawesome, but that did not fix it. Not sure what is causing it. Or perhaps theres some sort of spam filter for using a lot of lorem20?

Anyways, any advice would be appreciated.

Also, is there even any point to doing so? I used

background: url(../img/image_resources/photo-1.jpg) no-repeat;

but its a local image so I don't know if there's really a point.

Anyways, just a total noob asking.

Thanks,

 

[bwana]

 

[lkpat]

Yep, as above, or manually use code tags

 

[RedTerror]

View attachment 1678693

Legend, thank you so much, let me give it a bash!

Edit: bleh idk why, it says "Oops! We ran into some problems. Please try again later. More error details may be in the browser console."

This works though;

/* Reset */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
/* Main Styling */
html,body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height: 1.7em;
}
a {
    color: #333;
    text-decoration: none;
}
h1, h2, h3 {
    padding-bottom: 20px;
}
p {
    margin: 10px 0;
}
/* Utility Classes */
.container {
    margin: auto;
    max-width: 1100px;
    overflow: auto;
    padding: 0 20px;
}
.text-primary {
    color: #f7c08a;
}
.lead {
    font-size: 20px;
}
.btn {
    display: inline-block;
    font-size: 18px;
    color: #fff;
    background: #333;
    padding: 13px 20px;
    border: none;
    cursor: pointer;
}
.btn:hover {
    background: #f7c08a;
    color: #333;
}
.btn-light {
    background: #f4f4f4;
    color: #333;
}
.bg-dark {
    background: #333;
    color: #fff;
}
.bg-light {
    background: #fff;
    color: #333;
}
.bg-primary {
    background: #f7c08a;
    color: #333;
}
.clr {
    clear: both;
}
.l-heading {
    font-size: 40px;
}
/* Padding */
.py-1 { padding: 10px;}
.py-2 { padding: 20px;}
.py-3 { padding: 30px;}
/* Navbar */
#navbar {
    background-color: #333;
    color: #fff;
    overflow: auto;
}
#navbar a {
    color: #fff;
}
#navbar h1 {
    float: left;
    padding-top: 20px;
}
#navbar ul {
    list-style: none;
    float: right;
}
#navbar ul li {
    float: left;
}
#navbar ul li a {
    display: block;
    padding: 20px;
    text-align: center;
}
#navbar ul li a:hover,
#navbar ul li a.current {
    background: #444;
    color: #f7c08a;
}
/* Showcase */
#showcase {
    background: url('../img/image_resources/showcase.jpg') no-repeat center center/cover;
    height: 600px;
}
#showcase .showcase-content {
    color: #fff;
    text-align: center;
    padding-top: 170px;
}
#showcase .showcase-content h1{
    font-size: 60px;
    line-height: 1.2em;
}
#showcase .showcase-content p {
    padding-bottom: 20px;
    line-height: 1.7em;
}
/* Home Info */
#home-info {
    height: 400px;
}
#home-info .info-img {
    float: left;
    width: 50%;
    background: url(../img/image_resources/photo-1.jpg) no-repeat;
    min-height: 100%;
}
#home-info .info-content {
    float: right;
    width: 50%;
    height: 100%;
    text-align: center;
    padding: 50px 30px;
    overflow: hidden;
}
#home-info .info-content p {
    padding-bottom: 30px;
}
/* Features */
.box {
    float: left;
    width: 33.3%;
    padding: 50px;
    text-align: center;
}
.box i {
    margin-bottom: 10px;
}
/* About Info */
#about-info .info-right {
    float: right;
    width: 50%;
    min-height: 100%;
}
#about-info .info-right img {
    display: block;
    margin: auto;
    width: 70%;
    border-radius: 50%;
}
#about-info .info-left {
    float: left;
    width: 50%;
    min-height: 100%;
}
/* Testimonials */
#testimonials {
    height: 600px;
    background: url(../img/image_resources/test-bg.jpg) no-repeat center center/cover;
    padding-top: 100px;
}
#testimonials h2 {
    color: #fff;
    text-align: center;
    padding-bottom: 40px;
}
#testimonials .testimonial {
    padding: 20px;
    margin-bottom: 40px;
    border-radius: 5px;
    opacity: 0.9;
}
#testimonials .testimonial img {
    width: 100px;
    float: left;
    margin-right: 20px;
    border-radius: 50%;
}
/* Contact Form */
#contact-form .form-group {
    margin-bottom: 20px;
}
#contact-form label {
    display: block;
    margin-bottom: 5px;
}
#contact-form input,
#contact-form textarea {
    width: 100%;
    padding: 10px;
    border: 1px #ddd solid;
}
#contact-form textarea {
    height: 200px;
}
#contact-form input:focus,
#contact-form textarea:focus {
    outline: none;
    border-color: #f7c08a;
}
/* Footer */
#main-footer {
    text-align: center;
    background: #444;
    color: #fff;
    padding: 20px;
}

Can't get the HTML to post, not sure why. But ah, I guess it doesn't really matter. I will continue learning/studying and I think once I have something proper to post, maybe like an actual assignment website or something. I will try again to get some opinions.