What's the reason my Bootstrap isn't functioning on HostGator's servers?

My bootstrap website works perfectly fine locally, but when I try to upload it to hostgator through cpanel, it just keeps loading. Here is the URL www.universitymmt.com

Below is a snippet of the code:

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="utf-8">
  <meta content="width=device-width, initial-scale=1.0" name="viewport">

  <title>MMT University</title>
  <meta content="" name="descriptison">
  <meta content="" name="keywords">

  <!-- Favicons -->
  <link href="assets/img/favicon.png" rel="icon">
  <link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">

  <!-- Google Fonts -->
  <link href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Montserrat:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:300,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">

  <!-- Vendor CSS Files -->
  <link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
  <link href="assets/vendor/icofont/icofont.min.css" rel="stylesheet">
  <link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">
  <link href="assets/vendor/venobox/venobox.css" rel="stylesheet">
  <link href="assets/vendor/remixicon/remixicon.css" rel="stylesheet">
  <link href="assets/vendor/owl.carousel/assets/owl.carousel.min.css" rel="stylesheet">
  <link href="assets/vendor/aos/aos.css" rel="stylesheet">

  <!-- Template Main CSS File -->
  <link href="assets/css/style.css" rel="stylesheet">

</head>

<!-- More HTML code here-->

The issue seems to be with my scripts according to support.

htmljquerycssbootstrap-4

Answer №1

The absence of main.js located at /assets/js/main.js and validate.js located at /assets/vendor/php-email-form/validate.js is causing your website to not load properly!

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Initiate an AJAX request within an existing AJAX request

On one of my pages, page A, I have a form that passes parameters to a script using AJAX. The results are loaded into div B on the same page. This setup is functioning properly. Now, I want to add another form in div B that will pass parameters to a differe ...

javascriptphpjqueryajax

I'm receiving an undefined output, does anyone have any suggestions to fix this?

let userInput = prompt("Please input a month number"); let monthName; switch(userInput) { case 1: monthName = "January"; break; case 4: monthName = "April"; break; case 8: m ...

javascripthtml

position property in div element disrupts slider functionality

I've been working on incorporating a simple slider into my website and stumbled upon this example on jsfiddle My goal is to have the slider positioned "relative" within my site, but when I change the CSS to position: relative;, the slider no longer ...

javascriptjqueryhtml

Childs - A jQuery Stride

I am trying to figure out how to modify a specific child element within an HTML structure. Specifically, I want to target the first anchor tag within a list item of an unordered list. Here is what I have attempted so far: [HTML AND JQUERY] <body> ...

javascriptjqueryhtmlcss

Adding the output of a UNIX command to a div container

I am currently working on creating a UNIX web-based terminal for educational purposes. My progress so far includes setting up a text box and displaying the output, similar to this: <?php $output = shell_exec('ls'); echo "<pre>$output< ...

phpajaxshellunixhtml

What is the best way to prevent card-group from wrapping on smaller screens?

What is the best way to ensure that cards in a card-group stay adjacent to each other on smaller screens? Currently, they are grouped together on larger screens but appear separated on smaller screens. I am currently hiding the additional cards on smaller ...

htmlcsstwitter-bootstrapresponsive-designbootstrap-5

Tips on adjusting content to match column width in Bootstrap

I currently have the following HTML and CSS: <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="c3a1acacb7b0b7b1a2b383f7edf5edf1">[email protected]</a>/d ...

htmlbootstrap-4

"Allowing the PDF file type to be passed as a prop to a div instead of an input

In my project using semantic-ui-react, I encountered an issue while trying to validate input in a form by passing the accept:pdf prop. The code snippet I used is as follows: <Input label='Business Plan__' fluid accept= ".pdf" type="fil ...

htmlreactjssemantic-ui-react

Move your cursor over the toggle menu to reveal the concealed image

Is it feasible to have a hidden image (with ID 10) display when hovering over a toggle menu (with ID 9) in Wordpress? The current setup can be seen here: . I would like the ability to hover over the left toggle menu and reveal an image that is currently ...

csswordpress

The <div> element is not displaying the JSON response when using Ajax

I have created a basic login form and I am attempting to validate it using an AJAX call. The validation process is successful, but the issue arises when the correct email or password is entered. Instead of displaying the JSON success or error message in a ...

javascriptphpjqueryjsonajax

Looking for assistance with HTML/CSS code

Adding the code snippet below into my Shopify product-liquid file caused chaos on the page, altering the font and even changing the shape of the add to cart button... The problematic code is shown below: <div id="shopify-section-product-icon-gallery" ...

htmlcssshopify

Repeating audio playback in HTML5 with a pause option

I need to set up a loop with a 10-minute delay. Once the loop starts and finishes, there should be another 10-minute delay before it automatically restarts again. $audio_code = '<div style="display: none;">' . '<audio id="war_sound ...

javascriptphpjqueryhtml

Display the changing value at the beginning of the drop-down menu

I'm currently working on an AngularJS forEach loop where I need to display a dropdown list with dynamic values. The goal is to have the value stored in $scope.showCurrentProgram as the first selected element in the dropdown list when the page loads, a ...

javascripthtmlangularjs

clicking on links to different sections of the page does not automatically bring you to the top of

I am working on a design similar to this: http://jsfiddle.net/MTWu5/ The layout consists of a centered page with a sticky header. The header contains menu links that lead to anchors within the page. My issue arises when clicking on these links - I would l ...

htmlcss

Tips for crafting a _custom.scss file to override variables in Bootstrap 4 alpha 6

As I work on customizing a Bootstrap 4 alpha 6 theme, my goal is to transfer settings from the _variable.scss file to _custom.scss so I can override them. However, upon examining the source code, I was unable to locate the _custom.scss file. How should I ...

bootstrap-4sassfrontendgulp

Remove the whitespace between the <h2> element and the CSS animation

Is there a way to remove the space between h2 and the animation in the following code snippet? .loader { border: 16px solid #f3f3f3; border-radius: 50%; border-top: 16px solid #3498db; width: 50px; height: 50px; -webkit-animation: spin 2s li ...

cssbootstrap-4

Angular8: Implementing a function to close modal popups on outside clicks

Check out the demo here I have a scenario where I am displaying a component as a popup by calling its selector in another component. However, I'm looking for a way to close this popup when clicking outside of it. Can someone guide me on how to achiev ...

javascriptangularbootstrap-4

Removing Borders from Dropdown Tabs in Bootstrap Navbar: A Step-by-Step Guide

I am facing an issue while using Bootstrap 4, as I am unable to remove the border that appears when selecting the drop-down tab. Here is a glimpse of the problem You can view the Inspector View here Check out the relevant code snippet ...

csshtmlbootstrap-4navbar

The success function in ajax is failing to retrieve all the rows from the database

Recently, I encountered an issue with my ajax success function. It was working perfectly fine until it stopped returning a specific row from my database table, which is the gender_id. Below is the code snippet of my ajax function: function editProduct(pro ...

phpjqueryajax

Automatic Slider Animation, A Unique Twist

Looking for help with creating an automatic infinite slider that swipes left and right? Check out this code snippet! If anyone can assist with achieving this, it would be greatly appreciated. Link to the CodePen: http://codepen.io/Taron/pen/jyeIi JavaSc ...

javascriptjqueryhtmlcss