FAQ

<!DOCTYPE html> <html> <head> <title>About</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="keywords" content="Our Portfolio" /> <meta name="description" content="This is One, a multipurpose website" /> <meta name="author" content="Davy Gunarso"> <link rel="stylesheet" type="text/css" href="css/style.css"> <link rel="stylesheet" type="text/css" href="css/animate2.css"> <link rel="stylesheet" media="all" href="css/main.css" /> <link rel="stylesheet" type="text/css" href="arrow.css" /> <script src="js/modernizr.custom.37797.js"></script> <link rel="stylesheet" href="bootstrap-3.3.5/css/bootstrap.min.css"> <link rel="stylesheet" href="bootstrap-3.3.5/css/custom.css"> <script src="bootstrap-3.3.5/js/jquery.min.js"></script> <script src="bootstrap-3.3.5/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.3.min.js"></script> <script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script> <!--
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" /> --> <!-- Grab Google CDN's jQuery. fall back to local if necessary --> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script> <script>!window.jQuery && document.write('<script src="/js/jquery-1.6.1.min.js"><\/script>')</script> <script src="js/parallax.js"></script> <style>
#space {
height: 100px;
}
</style> </head> <body> <?php include('nav.php'); ?> <div class="col-md-12 col-xs-12"> <h4>Frequently Asked Questions (FAQ)</h4><br><br>
Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country<br><br><br> <p class="msg_head2"><i class="fa fa-plus2"></i> Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. </p> <p class="msg_body2">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth. </p> <p class="msg_head2"><i class="fa fa-plus2"></i> Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. </p> <p class="msg_body2">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth. </p> <p class="msg_head2"><i class="fa fa-plus2"></i> Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. </p> <p class="msg_body2">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth. </p> <p class="msg_head2"><i class="fa fa-plus2"></i> Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. </p> <p class="msg_body2">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth. </p> <p class="msg_head2"><i class="fa fa-plus2"></i> Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. </p> <p class="msg_body2">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth. </p> <p class="msg_head2"><i class="fa fa-plus2"></i> Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. </p> <p class="msg_body2">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth. </p> <br><br> <div class="msg_list"> <p class="msg_head"><i class="fa fa-plus1"></i> Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. </p> <p class="msg_body">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth. </p> <p class="msg_head"><i class="fa fa-plus1"></i> Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. </p> <p class="msg_body">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth. </p> <div class="msg_list"> <p class="msg_head"><i class="fa fa-plus1"></i> Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. </p> <p class="msg_body">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth. </p> <p class="msg_head"><i class="fa fa-plus1"></i> Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. </p> <p class="msg_body">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth. </p> <p class="msg_head"><i class="fa fa-plus1"></i> Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. </p> <p class="msg_body">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth. </p> <p class="msg_head"><i class="fa fa-plus1"></i> Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. </p> <p class="msg_body">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth. </p> <br><br><br> <script src="http://code.jquery.com/jquery-2.1.4.min.js"></script> <script>
$(document).ready(function(){
// hide all bodies with jQuery, so everything is still readable when js is disabled
$(".msg_body").hide();
// when we click on a header
$(".msg_head").click(function(){
// keep a reference to the clicked header
var el = $(this);
// toggle the body text following the header
el.next(".msg_body").toggle(200, function () {
// when the toggle is complete
if (el.next(".msg_body").is(":visible")) {
// the body is visible, show the minus
el.children("i").removeClass("fa-plus").addClass("fa-minus1");
}
else {
// the body is collapsed, show the plus
el.children("i").removeClass("fa-minus1").addClass("fa-plus");
}
});
});
$(".msg_body2").hide();
// when we click on a header
$(".msg_head2").click(function(){
// keep a reference to the clicked header
var el = $(this);
// toggle the body text following the header
el.next(".msg_body2").toggle(200, function () {
// when the toggle is complete
if (el.next(".msg_body2").is(":visible")) {
// the body is visible, show the minus
el.children("i").removeClass("fa-plus").addClass("fa-minus2");
}
else {
// the body is collapsed, show the plus
el.children("i").removeClass("fa-minus2").addClass("fa-plus");
}
});
});
});
</script> <?php include('footer.php'); ?> </body> </html>

This is one thing that is so strange. I wonder where that fonts folder comes from?

Now, it works online the icons begin to appears correctly.

Now I have another question:

faq.php

<p class="msg_head2"><i class="fa fa-plus2"></i> Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. </p>
<p class="msg_body2">Far far away, behind the word mountains, far from the countries Vokalia and Consonantia, there live the blind texts. Separated they live in Bookmarksgrove right at the coast of the Semantics, a large language ocean. A small river named Duden flows by their place and supplies it with the necessary regelialia. It is a paradisematic country, in which roasted parts of sentences fly into your mouth. </p>

custom.css

.fa fa-plus2:before, .fa fa-minus2:before {
color: red;
}

Now the icons only turns red after I click the icons twice. Not since the first time I see the icons.