Skip to content

Commit 24a282a

Browse files
Rajaram54Rajaram54
committed
added footer
1 parent ac070f2 commit 24a282a

File tree

2 files changed

+27
-23
lines changed

2 files changed

+27
-23
lines changed

‎src/app/component/footer/footer.component.css

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -15,3 +15,7 @@ footer {
1515
color: white;
1616
font-size: 14px;
1717
}
18+
p:hover{
19+
color:orangered;
20+
21+
}

‎src/app/component/footer/footer.component.html

Lines changed: 23 additions & 23 deletions
Original file line numberDiff line numberDiff line change
@@ -10,44 +10,44 @@
1010

1111
<!--First column-->
1212
<div class="col-md-3 ">
13-
<h6 class="text-uppercase mb-4 font-weight-bold">Company name</h6>
14-
<p>Here you can use rows and columns here to organize your footer content. Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p>
15-
</div>
13+
<b><h5 class="text-uppercase mb-4 font-weight-bold">Mazelon</h5></b>
14+
<p style="text-align:justify"> <i class="fa fa-map-marker"></i> New No 30/1, Old No 135, Velachery Road, Little Mount, West Saidapet, Chennai, Tamil Nadu 600015</p>
15+
<p style="text-align:justify"> <i class="fa fa-phone"></i> +91 44 4411 1154</p>
16+
<p style="text-align:justify"> <i class=" fa fa-envelope"></i> contact@mazelon.com</p>
17+
18+
</div>
1619
<!--/.First column-->
1720

1821
<!-- <hr class="w-100 clearfix d-md-none"> -->
1922

2023
<!--Second column-->
2124
<div class="col-md-3">
22-
<h6 class="text-uppercase mb-4 font-weight-bold">Products</h6>
23-
<p><a href="#!">MDBootstrap</a></p>
24-
<p><a href="#!">MDWordPress</a></p>
25-
<p><a href="#!">BrandFlow</a></p>
26-
<p><a href="#!">Bootstrap Angular</a></p>
25+
<h5 class="text-uppercase mb-4 font-weight-bold">Company</h5>
26+
<p style="text-align:justify">Mazelon Technologies Private Limited has been started by well experienced professionals with an objective of addressing information technology needs at highly time quality and cost effective model.</p>
2727
</div>
2828
<!--/.Second column-->
2929

3030
<!-- <hr class="w-100 clearfix d-md-none"> -->
3131

3232
<!--Third column-->
3333
<div class="col-md-3">
34-
<h6 class="text-uppercase mb-4 font-weight-bold">Useful links</h6>
35-
<p><a href="#!">Your Account</a></p>
36-
<p><a href="#!">Become an Affiliate</a></p>
37-
<p><a href="#!">Shipping Rates</a></p>
38-
<p><a href="#!">Help</a></p>
34+
<h5 style="text-align:left" class="text-uppercase mb-4 font-weight-bold">Services</h5>
35+
<p style="text-align:left">Web Development</p>
36+
<p style="text-align:left">Digital Marketing</p>
37+
<p style="text-align:left">Data Analysis</p>
38+
<p style="text-align:left">Application Development</p>
3939
</div>
4040
<!--/.Third column-->
4141

4242
<!-- <hr class="w-100 clearfix d-md-none"> -->
4343

4444
<!--Fourth column-->
4545
<div class="col-md-3">
46-
<h6 class="text-uppercase mb-4 font-weight-bold">Contact</h6>
47-
<p><i class="fa fa-home mr-3"></i> New York, NY 10012, US</p>
48-
<p><i class="fa fa-envelope mr-3"></i> info@gmail.com</p>
49-
<p><i class="fa fa-phone mr-3"></i> + 01 234 567 88</p>
50-
<p><i class="fa fa-print mr-3"></i> + 01 234 567 89</p>
46+
<h5 style="text-align:left" class="text-uppercase mb-4 font-weight-bold">Product</h5>
47+
<p style="text-align:left">SalesKare</p>
48+
<p style="text-align:left">AuxiHR</p>
49+
<p style="text-align:left">EduCare</p>
50+
<p style="text-align:left">BillIT</p>
5151
</div>
5252
<!--/.Fourth column-->
5353

@@ -62,7 +62,7 @@ <h6 class="text-uppercase mb-4 font-weight-bold">Contact</h6>
6262
<div class="col-md-8 col-lg-8">
6363

6464
<!--Copyright-->
65-
<p class="text-center text-md-left grey-text">© 2018 Copyright: <a href="https://mdbootstrap.com/material-design-for-bootstrap/"><strong> MDBootstrap.com</strong></a></p>
65+
<p class="text-center text-md-left grey-text">© 2018 Copyright: <a href="#"><strong> Mazelon Technologies Private Limited. All rights reserved.</strong></a></p>
6666
<!--/.Copyright-->
6767

6868
</div>
@@ -74,10 +74,10 @@ <h6 class="text-uppercase mb-4 font-weight-bold">Contact</h6>
7474
<!--Social buttons-->
7575
<div class="text-center text-md-right">
7676
<ul class="list-unstyled list-inline">
77-
<li class="list-inline-item"><a class="btn-floating btn-sm rgba-white-slight mx-1"><i class="fa fa-facebook"></i></a></li>
78-
<li class="list-inline-item"><a class="btn-floating btn-sm rgba-white-slight mx-1"><i class="fa fa-twitter"></i></a></li>
79-
<li class="list-inline-item"><a class="btn-floating btn-sm rgba-white-slight mx-1"><i class="fa fa-google-plus"></i></a></li>
80-
<li class="list-inline-item"><a class="btn-floating btn-sm rgba-white-slight mx-1"><i class="fa fa-linkedin"></i></a></li>
77+
<li class="list-inline-item"><a href="https://www.facebook.com/mazelonTech" class="btn-floating btn-sm rgba-white-slight mx-1"><i class="fa fa-facebook"></i></a></li>
78+
<li class="list-inline-item"><a href="https://twitter.com/mazelontech" class="btn-floating btn-sm rgba-white-slight mx-1"><i class="fa fa-twitter"></i></a></li>
79+
<li class="list-inline-item"><a href="https://plus.google.com/117706153505599156710"class="btn-floating btn-sm rgba-white-slight mx-1"><i class="fa fa-google-plus"></i></a></li>
80+
<li class="list-inline-item"><a href="https://in.linkedin.com/in/mazelon-technology-77a7bb121" class="btn-floating btn-sm rgba-white-slight mx-1"><i class="fa fa-linkedin"></i></a></li>
8181
</ul>
8282
</div>
8383
<!--/.Social buttons-->

0 commit comments

Comments
 (0)