Browse Source

footer

master
Cristobal Bernal Mayordomo 1 year ago
parent
commit
c7e9105087
2 changed files with 106 additions and 95 deletions
  1. +103
    -0
      src/main/resources/templates/footer/footer.html
  2. +3
    -95
      src/main/resources/templates/index.html

+ 103
- 0
src/main/resources/templates/footer/footer.html View File

@ -0,0 +1,103 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<link rel="stylesheet" th:href="@{/css/bootstrap.css}">
<link rel="stylesheet" th:href="@{/css/style.css}">
<link rel="stylesheet" th:href="@{/css/font-awesome.min.css}">
</head>
<body>
<!-- footer -->
<div class="footer-search">
</div>
<section class="footer-part">
<div class="container">
<div class="row">
<div class="col-md-3">
<div class="info-part-one320">
<h4>Where We Are ?</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi adipiscing gravida odio, sit amet suscipit risus ultrices eu.</p>
<h4>Address :</h4>
<p>Ask Me Network, 33 Street, syada
<br> Zeinab, Cairo, Egypt.</p>
<h4>Support :</h4>
<p>Support Telephone No : (+2)01111011110</p>
<p>Support Email Account : </p>
<p>[email protected]</p>
</div>
</div>
<div class="col-md-3">
<div class="info-part-two320">
<h4>Quick Links</h4>
<a href="#">
<p>-Home</p>
</a>
<a href="#">
<p>-Ask Question</p>
</a>
<a href="#">
<p>-Questions</p>
</a>
<a href="#">
<p>-Users</p>
</a>
<a href="#">
<p>-Edit Profile</p>
</a>
<a href="#">
<p>-Page</p>
</a>
<a href="#">
<p>-Contact Us</p>
</a>
<a href="#" class="last-child12892">
<p>-Buy now</p>
</a>
</div>
</div>
<div class="col-md-3">
<div class="info-part-three320">
<h4>Popular Questions</h4>
<div class="news-info209">
<h5>Why are the British confused</h5>
<p>(Why I darest say, they darest not get offended when they so ...</p> <small>July 16, 2017</small> </div>
<div class="news-info209">
<h5>How to approach applying for</h5>
<p>(I am trying to find/change my career trajectory. Its a good cozy ...</p> <small>July 16, 2017</small> </div>
<div class="news-info209">
<h5>How to evaluate whether a</h5>
<p>A friend of mine is the CEO of his own small business. ...</p> <small>July 16, 2017</small> </div>
</div>
</div>
<div class="col-md-3">
<div class="info-part-four320">
<h4>Latest Tweets</h4>
<div class="tweet-details29">
<p><i class="fa fa-twitter-square" aria-hidden="true"></i><a href="#"> codeThemesCheck a new update #AskMe #ThemeForest #WordPress #2code #Envato#2code
Themehttps://t.co/urb3LgsOCi</a></p> <small>about 2 weeks ago</small> </div>
<div class="tweet-details29">
<p><i class="fa fa-twitter-square" aria-hidden="true"></i><a href="#"> codeThemesCheck a new update #AskMe #ThemeForest #WordPress #2code #Envato#2code
Themehttps://t.co/urb3LgsOCi</a></p> <small>about 2 weeks ago</small> </div>
<div class="tweet-details29">
<p><i class="fa fa-twitter-square" aria-hidden="true"></i><a href="#"> codeThemesCheck a new update #AskMe #ThemeForest #WordPress #2code #Envato#2code
Themehttps://t.co/urb3LgsOCi</a></p> <small>about 2 weeks ago</small> </div>
</div>
</div>
</div>
</div>
</section>
<section class="footer-social">
<div class="container">
<div class="row">
<div class="col-md-6">
<p>Copyright 2017 FOROGRUAS | <strong>Sudo Coder</strong></p>
</div>
<div class="col-md-6">
<div class="social-right2389"> <a href="#"><i class="fa fa-twitter-square" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-youtube" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-skype" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-rss" aria-hidden="true"></i></a> </div>
</div>
</div>
</div>
</section>
</body>
</html>

+ 3
- 95
src/main/resources/templates/index.html View File

@ -11,7 +11,7 @@
<meta name="robots" content="index, nofollow">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="language" content="Spain">
<title>Ask Me</title>
<title>Foro Gruas</title>
<link rel="stylesheet" th:href="@{/css/bootstrap.css}">
<link rel="stylesheet" th:href="@{/css/style.css}">
<link rel="stylesheet" th:href="@{/css/font-awesome.min.css}">
@ -1483,104 +1483,12 @@
</div>
</div>
</section>
<!-- footer -->
<div class="footer-search">
</div>
</div>
</div>
</div>
<section class="footer-part">
<div class="container">
<div class="row">
<div class="col-md-3">
<div class="info-part-one320">
<h4>Where We Are ?</h4>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi adipiscing gravida odio, sit amet suscipit risus ultrices eu.</p>
<h4>Address :</h4>
<p>Ask Me Network, 33 Street, syada
<br> Zeinab, Cairo, Egypt.</p>
<h4>Support :</h4>
<p>Support Telephone No : (+2)01111011110</p>
<p>Support Email Account : </p>
<p>[email protected]</p>
</div>
</div>
<div class="col-md-3">
<div class="info-part-two320">
<h4>Quick Links</h4>
<a href="#">
<p>-Home</p>
</a>
<a href="#">
<p>-Ask Question</p>
</a>
<a href="#">
<p>-Questions</p>
</a>
<a href="#">
<p>-Users</p>
</a>
<a href="#">
<p>-Edit Profile</p>
</a>
<a href="#">
<p>-Page</p>
</a>
<a href="#">
<p>-Contact Us</p>
</a>
<a href="#" class="last-child12892">
<p>-Buy now</p>
</a>
</div>
</div>
<div class="col-md-3">
<div class="info-part-three320">
<h4>Popular Questions</h4>
<div class="news-info209">
<h5>Why are the British confused</h5>
<p>(Why I darest say, they darest not get offended when they so ...</p> <small>July 16, 2017</small> </div>
<div class="news-info209">
<h5>How to approach applying for</h5>
<p>(I am trying to find/change my career trajectory. Its a good cozy ...</p> <small>July 16, 2017</small> </div>
<div class="news-info209">
<h5>How to evaluate whether a</h5>
<p>A friend of mine is the CEO of his own small business. ...</p> <small>July 16, 2017</small> </div>
</div>
</div>
<div class="col-md-3">
<div class="info-part-four320">
<h4>Latest Tweets</h4>
<div class="tweet-details29">
<p><i class="fa fa-twitter-square" aria-hidden="true"></i><a href="#"> codeThemesCheck a new update #AskMe #ThemeForest #WordPress #2code #Envato#2code
Themehttps://t.co/urb3LgsOCi</a></p> <small>about 2 weeks ago</small> </div>
<div class="tweet-details29">
<p><i class="fa fa-twitter-square" aria-hidden="true"></i><a href="#"> codeThemesCheck a new update #AskMe #ThemeForest #WordPress #2code #Envato#2code
Themehttps://t.co/urb3LgsOCi</a></p> <small>about 2 weeks ago</small> </div>
<div class="tweet-details29">
<p><i class="fa fa-twitter-square" aria-hidden="true"></i><a href="#"> codeThemesCheck a new update #AskMe #ThemeForest #WordPress #2code #Envato#2code
Themehttps://t.co/urb3LgsOCi</a></p> <small>about 2 weeks ago</small> </div>
</div>
</div>
</div>
</div>
</section>
<section class="footer-social">
<div class="container">
<div class="row">
<div class="col-md-6">
<p>Copyright 2017 FOROGRUAS | <strong>Sudo Coder</strong></p>
</div>
<div class="col-md-6">
<div class="social-right2389"> <a href="#"><i class="fa fa-twitter-square" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-youtube" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-skype" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-rss" aria-hidden="true"></i></a> </div>
</div>
</div>
</div>
</section>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="js/jquery-3.1.1.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/npm.js"></script>
<footer th:replace="footer/footer"></footer>
</body>
</html>

Loading…
Cancel
Save