Jump to content

New html 'coder' with a question


Jay95

Recommended Posts

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. -->

 

Link to comment
Share on other sites

  • 9 months later...

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...