Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML

Posted by MART BLINK
MART BLINK
Courses Plus Student 76 Points

PLEASE HELP! VERY URGENT

i build my responsive website with media queries using HTML CSS and JS only. I have uploaded the site to a hosting account. The site is not accessible on mobile device. it says Internal Error.

here is the HTML Layout is there anything am suppose to put in the head section. Thanks 

<html>
<head>
    <title>AreasLTD</title>
    <meta name="viewport" content="width=device-width">
    <link rel="stylesheet" type="text/css" href="stylesheets/main.css">
    <link rel="stylesheet" type="text/css" href="stylesheets/nav.css">
    <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
</head>
<body>
<div class= "header-wrap">
    <header class="main-header">
        <a class="site-logo" href="index.html"><img src="images/logo.png"></a>
        <h1 class="company-name">Aliah Real Estate</h1>
        <ul class="nav">
            <li class="item"><a href="for-sale.html">FOR SALE</a></li>
            <li class="item"><a href="for-rent.html">FOR RENT</a></li>
            <li class="item"><a href="cleaning.html">CLEANING SERVICE</a></li>
            <li class="item"><a href="Estates.html">ESTATE</a></li>
        </ul>
    </header>
</div>

<!-- IMAGE SLIDER BEGINS HERE -->
<div class="master-slider">
    <div class="w3-content w3-display-container" style="max-width:100%">
      <img class="mySlides w3-animate-fading" src="images/slider-images/slide-1.jpg" style="width:100%">
      <img class="mySlides w3-animate-fading" src="images/slider-images/slide-2.jpg" style="width:100%">
      <img class="mySlides w3-animate-fading" src="images/slider-images/slide-3.jpg" style="width:100%">
      <img class="mySlides w3-animate-fading" src="images/slider-images/slide-4.jpg" style="width:100%">
      <img class="mySlides w3-animate-fading" src="images/slider-images/slide-5.jpg" style="width:100%">
      <img class="mySlides w3-animate-fading" src="images/slider-images/slide-6.jpg" style="width:100%">
      <div class="w3-center w3-container w3-section w3-large w3-text-white w3-display-bottommiddle" style="width:100%">
        <div class="w3-left w3-hover-text-khaki" onclick="plusDivs(-1)">&#10094;</div>
        <div class="w3-right w3-hover-text-khaki" onclick="plusDivs(1)">&#10095;</div>
        <span class="w3-badge demo w3-border w3-transparent w3-hover-white" onclick="currentDiv(1)"></span>
        <span class="w3-badge demo w3-border w3-transparent w3-hover-white" onclick="currentDiv(2)"></span>
        <span class="w3-badge demo w3-border w3-transparent w3-hover-white" onclick="currentDiv(3)"></span>
        <span class="w3-badge demo w3-border w3-transparent w3-hover-white" onclick="currentDiv(4)"></span>
        <span class="w3-badge demo w3-border w3-transparent w3-hover-white" onclick="currentDiv(5)"></span>
        <span class="w3-badge demo w3-border w3-transparent w3-hover-white" onclick="currentDiv(6)"></span>
      </div>
    </div>
</div>
<!-- IMAGE SLIDER ENDS HERE -->


    <h1 class="latest">Latest Properties</h1>
<section class="container">
    <div class="col-1 thumpnail">
        <a href=""><img src="images/toppick/top-pick4.jpg"></a>
        <p>3 Bedroom flat at 16 Blocks of flat, Croomwel Court Estate. Lagos</p>
    </div>
    <div class="col-2 thumpnail">
        <a href="#"><img src="images/toppick/top-pick7.jpg"></a>
        <p>for sale at Off Fola Osibo Street, Lekki Phase 1</p>
    </div>
    <div class="col-3 thumpnail">
        <a href=""><img src="images/toppick/top-pick9.jpg"></a>
        <p>6 bedrooms detached duplex, Pinnock estate</p>
    </div>
    <div class="col-4 thumpnail">
        <a href=""><img src="images/toppick/top-pick3.jpg"></a>
        <p>7,725 sqms commercial land fenced and gated,</p>
    </div>
    <div class="col-5 thumpnail">
        <a href=""><img src="images/toppick/top-pick2.jpg"></a>
        <p>6 bedrooms fully detached duplex for sale at Pinnock estate </p>
    </div>
    <div class="col-6 thumpnail">
        <a href=""><img src="images/toppick/top-pick8.jpg"></a>
        <p>4 bedroom fully detached house @ Pinnock Beach Estate</p>
    </div>
</section>

<!-- Information on Our Mission Vision and Agnets Begins here -->

<div class="about">
    <div class="mission info">
        <h3>Our Mission</h3> 
        <p>
            We pleasure the opportunity to change people's orientation and perception of Estate agency. Our company's mission is to provide professional and honest in a friendly business environment. We constantly review and listen to feeback and make necessary improvements to ensure better service delivery.
        </p>
    </div>
    <div class="vision info">
        <h3>Our Vision</h3> 
        <p> 
            Our vision is to provide clients or potential  clients  with cutting edge service delivery beyond their expectations as our viability is dependent on our clients  satisfaction and success.
        </p>
    </div>
    <div class="buy-rent info">
        <h3>Services</h3>
        <p>
            We maintain a personal relationship with our partners and ensure the listing of genuine brokers,  owners /title holders and landlords. We provide the convenience, trust and reliability for real estate or property  seekers by the provision of quality support services  such as chat, email and phone calls.
            </p>
    </div class="info" >
</div>

<!-- Footer begins here -->

<div class="footer-container">
    <div class="footer">
        <div class="foot">
            <h3>Site-Map</h3>
            <ul>
                <li><a href="#">About</a></li>
                <li><a href="#">Buy</a></li>
                <li><a href="#">Sell</a></li>
                <li><a href="#">Rent</a></li>
                <li><a href="#">Cleaning Service</a></li>
            </ul>
        </div>
        <div class="foot">
            <p></p>
            <a href="www.facebook.com"><img src="images/social-media/facebook.png"></a>
            <a href="www.facebook.com"><img src="images/social-media/twitter.png"></a>
        </div>
        <div class="foot">
            <h3>Contact</h3>
            <p>
                support@areasltd.com <br/>
                (+234-80-6300-9905, 80-6694-8867) <br/>
                81-4929-2663
            </p>
        </div>
    </div>
</div>

<script type="text/javascript" src="javascripts/slider.js"></script>
</body>
</html>

3 Answers

Jennifer Nordell
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher
Jennifer Nordell
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

If you're getting an "Internal Error 500" the problem is not with your code but rather with the server. There is likely a misconfiguration of the .htaccess file. You should be reading the documentation from your hosting service or contacting them.

Hope you get it working!

On a side note, I'm going to add some markdown to your post so that the code renders properly. :sparkles:

MART BLINK
PLUS
MART BLINK
Courses Plus Student 76 Points
MART BLINK
MART BLINK
Courses Plus Student 76 Points

areasltd.com is the site address

Jennifer Nordell
seal-mask
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher
Jennifer Nordell
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Yes, I know. But it's producing a server error and this is most likely caused by a misconfiguration on the server and has nothing to do with your HTML or CSS.

MART BLINK
PLUS
MART BLINK
Courses Plus Student 76 Points
MART BLINK
MART BLINK
Courses Plus Student 76 Points

All I know for now is HTML CSS nd JS. How do configure the server to fix this problem? and i cant even find .htaccess file on my file manager c panel. please help me with anything you can to fix this problem

Jennifer Nordell
seal-mask
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher
Jennifer Nordell
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

I want to help, I really do. But I simply can't because the error is on your server and not in your HTML, CSS or JS. You need to contact your hosting service and ask them or read their documentation.