Hi so I started playing around with Html out of curiosity. Only been 2 days/3-4 hours with 0 knowledge of anything vaguely similar previously. I'm currently trying to practice by making a website for a local MMA school.
The problem I have run into is in my code is when I put the "Give us a call" div above the social media logos, is fine.
But when I put that same text below the social media logo's it all turns into a link and takes me to youtube. It only started happening I put the logo's WITH their links in.
I'd appreciate any help since I've only looked at a few youtube tutorials how to use html and cannot find a answer nor have anybody in my life who's familiar with things related to this.
Also any other feed back on what I have written so far would be appreciated. The correct way of doing things. more efficient way and anything wrong I have done.
You may be seeing a lot more of me asking more basic questions so bare with me, thank you
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Shore Mixed Martial Arts</title>
</head>
<body>
<img src="images/logo.jpg" alt="SMMA Logo" width="200">
<div>
<p>Give us a call</p>
<p>01495 212160</p>
<p>Unit 5, Glandwr Ind Est <br>
Aberbeeg, Blaenau Gwent, NP13 2LN</p>
</div>
<div>
<ul>
<li><a href="http://facebook.com/pages/category/Gym-Physical-Fitness-Center/Shore-Mixed-Martial-Arts-115316889854280/"><i class="fab fa-facebook-f"></i></li>
<li><a href="http://instragram.com/shoremixedmartialarts/"><i class="fab fa-instagram"></i></li>
<li><a href="http://youtube.com/channel/UCmdJzYaYGcUM7J3k7ePgXCA/featured"><i class="fab fa-youtube"></i></li>
</ul>
</div>
<div>
<p>Give us a call</p>
<p>01495 212160</p>
<p>Unit 5, Glandwr Ind Est <br>
Aberbeeg, Blaenau Gwent, NP13 2LN</p>
</div>
<ul>
<li><a href="News & Blog.html">News & Blog</a></li>
<li><a href="Membership.html">Membership</a></li>
<li><a href="team.html">Team</a></li>
<li><a href="Fighters.html">Fighters</a></li>
<li><a href="about.html">About</a></li>
<li><a href="classes.html">Classes</a></li>
<li><a href="Shop.html">Shop</a></li>
<li><a href="Contact Us.html">Contact us</a></li>
</ul>
<br>
<img src="images/ufc.png" alt="UFC Logo" width="220">
<img src="images/tatami.png" alt="Tatami Logo" width="300">
<img src="images/cage warriors.png" alt="Cage Warriors Logo" width="250">
<img src="images/subway.png" alt="Subway Logo" width="250">
<img src="images/pas.png" alt="Pas Logo" width="250">
<img src="images/djc build.png" alt="DJC Build Logo" width="250">
<img src="images/420 range.png" alt="420 Range Logo" width="250">
<br>
<div>
<h3>Welcome to</h3>
<h1>Shore Mixed Martial Arts <br>
Centre of Excellence
</h1>
</div>
<article>
<div>
<p> <span title="Centre Of Excellence">Shore Mixed Martial Arts</span> is one of the UK's leading <span title="Mixed Martial Arts">MMA</span> with over 50 years combined experience primilary focusing on
Brazilian Ji Jitsu, Muay Thai, Wrestling and Boxing. With respected world class coaches in their respected disclipines <span title="Centre Of Excellence">Shore Mixed Martial Arts</span> is at the forefront
of competitive <span title="Mixed Martial Arts">MMA</span> in Wales, leaving their mark on the world stage.</p>
</div>
<div>
<p>Whether you're looking to compete, increase fitness or just learn a new school SMMA is the ideal place for offering group and 1 on 1 training. Women and family classes etc.</p>
</div>
</article>
<div>
Try one of our classes today!
<ul>
<li><a href ="Ji Jitsu.html">Ji Jitsu</li>
<li><a href ="Muay Thai.html">Muay Thai</li>
<li><a href="Wrestling.html">Wrestling</li>
<li><a href="Boxing.html">Boxing</li>
<li><a href="Strength & Conditioning.html">Strength & Conditioning</li>
<li><a href="Personal Training.html">Personal Training</li>
</ul>
</div>
<script src="https://kit.fontawesome.com/2a39dc29d1.js" crossorigin="anonymous"></script>
</body>
</html>
<!-- to do
- add instgram youtube and facebook logo + links
- at the bottom for the home page - map or instagram link??
- start playing with CSS and start styling the page. -->