So I have currently used basic html and css coding to create a website for a client. The template uploads to the extension manager but when I go to preview it, the page looks nothing like it's supposed to. None of the styles from my css stylesheet are showing up. I'm new to Joomla so some help for this newbie would be greatly appreciated. If you need any more information I will be glad to give it. Unfortunately I am unable to provide a link since the site isn't live yet but will give you guys links to some screen shots.
How it looks in web developer tools: http://i.imgur.com/0yoQHBR.jpg
End result for site: http://i.imgur.com/lI7gqdI.jpg
Original Index.php file:
<?php defined('_JEXEC') or die; ?> <!Doctype html> <html> <head> <meta charset="utf-8"> <title> Deda's Couture</title> <link rel="stylesheet" href="css/normalize.css"> <link rel="stylesheet" href="css/main.css"> <link rel="stylesheet" href="css/responsive.css"> <link rel="stylesheet" href="css/component.css"> <meta="viewport" content="width=device-width, initial-scale=1.0"> <jdoc:include type="head" /> <!--[if lt IE 9]> <script src="<?php echo $this->baseurl ?>/media/jui/js/html5.js"></script> <![endif]--> </head>