This question already has an answer here:
I am posting here for the first time. I am doing one project for an online web development course, I have created a footer using the footer tag and I'm using Bootstrap CSS file and my CSS file. I have used anchor tag to add links but I can't remove the text decoration for some reason, I tried internal,external and inline style sheets but nothing is working. This is the footer code below, this footer page has been included in my index.php file using the include() function.
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- Latest compiled and minified Bootstrap CSS -->
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" type=" text/css">
<!-- My CSS -->
<link rel="stylesheet" href="bootstrap/css/style.css" type=" text/css">
<!-- jQuery library -->
<script src="bootstrap/js/jquery.min.js"></script>
<!-- Latest compiled and minified JavaScript -->
<script src="bootstrap/js/bootstrap.min.js"></script>
</head>
<body>
<footer>
<div class="container">
<div class="row">
<div class="col-xs-6 col-sm-4">
<h4>Information</h4>
</div>
<div class="col-xs-6 col-sm-4">
<h4>My Account</h4>
</div>
<div class="col-xs-6 col-sm-4">
<h4>Contact Us</h4>
</div>
</div>
<div class="row">
<div class="col-xs-6 col-sm-4">
<p><a href="">About Us</a><br>
<a href="">Contact Us</a>
</p>
</div>
<div class="col-xs-6 col-sm-4 content">
<p><a href="">Login</a><br>
<a href="">Signup</a>
</p>
</div>
<div class="col-xs-6 col-sm-4">
<p>Contact: +91-9742485069</p>
</div>
</div>
</div>
</footer>
</body>
</html>
What should I include in my CSS file to remove the text decoration from the links? Forgive me if I my question doesn't make sense to anyone, posting here for the first time.
This question was marked as duplicate but I have tried all the solutions mentioned in another question, See this question and those solutions didn't work for me.
</div>