Help with web project

hello!I’ve just finished the introduction to HTML.And tried to do some practice and watch some videos on how to do my first project from codeacademy channel on you tube.I worked on this project C:\codeacademy\index.html but its only opening in computer when i tried to open it on my phone and it did not display with pictures.Can somebody help me!!Here is a code that i written

<!DOCTYPE html>
<html lang="en">
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>10 products to lose a weight</title>

    <li><a href="#Main causes of overweighting">Main causes of overweighting</a></li>
<li><a href="#5  healthy products">5 healthy products</a></li>
  <p id="top"></p>
    <p id="Main causes of overweighting"></p>
<h1 id="bottom"><strong> Main</strong> causes of overweighting</h1>
<img src="resources/images/photo_2020-05-22_22-30-10.jpg" alt="fast foods">
<p>Its true that 5 out of 10 people are sufering from overweighting.One of the The common cause is leding an inactive lifestyle.We catch a taxi even if our workplace located close to our apartmen.Another reason is <em>unhealthy diet</em>.We have more tendency to eat foods that contains high amount of sugar,salt and trans fats.For example:fast foods,sweets and soda drinks like:coca-cola,sprite,fanta and etcetera.</p>
<h2 id="5 healthy products"></h2>
<p>5 healthy products</p></div>
 <img src="resources/images/photo_2020-05-22_22-30-06.jpg" alt="ginger slices"><li><span>GINGER</span></li><p>Ginger is very benefitial and healthy vegetable.It helps to burn the fats and easily digest the meal.<em>Its more efective to drink its juice  with a lemon</em>. Also study in the 2004 conducted by <span>CAMBRIDGE uviversity biologists </span>prove that drinking ginger juice helps to improve immune system </p>

 <img src="resources/images/photo_2020-05-22_22-30-03.jpg"   alt="watermelon slices"> <li><span>WATERMELON</span></li><p>90% of a <span>waermelon's weight </span>is wate,its one of the best fruits to eat if you are trying to <em>loose  weight</em>.A 100 gram serving contains only 100 calories!</p>
 <img src="resources/images/photo_2020-05-22_22-30-17.jpg" alt="avocado">
 <li><span>AVOCADO</span></li><p>Avocado's increase the rate at which <em>fat</em> is burned.Here are some benifits of avocado's.</P>
    <li>It can reduce  apetite and decrease the desire to eat after a meal</li>
    <li>It contains 
        <li>Vitamin K:26%</li>
        <li>Vitamin C:17%</li>
        <li>Vitamin E:10%</li>
<img src="resources/images/photo_2020-05-22_22-30-21.jpg" alt="strawberries"><li><span>STRAWBERRIES</span></li><P>Strawberry offer a good amount of <em>fiber</em>,making them a <span>weight-loss</span>friendly fruit.One cupof sliced strawberries offers3.3 grams of fiber.Getting you fill of fiber makes you feel full lingerkeeping hunger at bayhelping you consume fewer daily calories</P>
<img src="resources/images/photo_2020-05-22_22-29-56.jpg" alt="cucumber slices"><li><span>CUCUMBER</span></li><P>Cucumber has a 0 fat.Low calories making it excellent snack for people looking to <span>loose weight</span>.Sugar,in any form,tends to up the risk of obesity,which is why it is generally suggested to avoid it.Cucumber has negligible amount of sugar that will help you lose weight effictively</P>
<a href="" >Learn more</a>

The file only exists on your computer. You might not be able to retrieve it using the browser on your phone, unless you’ve configured your computer to work as a web server. :slight_smile:

Are the links to the images right?

If your page is at C:\Codecademy\Index.html, the images are in C:\Codecademy\resources\images\ right?

Thanksfor your are displaying on my i tried to open this code on my phone it worked only without pictures i think its because i did not configured my computer to work as a web server right?