forked from Obe2121/weekendoneproject
-
Notifications
You must be signed in to change notification settings - Fork 0
/
contactus.html
110 lines (106 loc) · 5.67 KB
/
contactus.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-F3w7mX95PdgyTmZZMECAngseQB83DfGTowi0iMjiWaeVhAn4FJkqJByhZMI3AhiU" crossorigin="anonymous">
<link rel="stylesheet" href="contactus.css">
<title>Contact Us</title>
</head>
<body class="bg-image mt-5" style="background-image: url(/images/nza_background.jpg); font-family: Arial, Helvetica, sans-serif;background-color: white;">
<div class="container d-flex flex-column justify-content-center" style="width: 1000px; height: 870px; background-color: white;">
<div>
<br>
<header class="row">
<div>
<br>
</div>
<div id="btn1">
<a href="#" class="btn btn-secondary btn-lg .disabled" tabindex="-1" role="button" aria-disabled="true">login</a>
</div>
<div class="col">
<img src="images/Law Logo.jpg" class="logo" alt="Law Logo" style="width: 200px;">
<br>
<br>
</div>
<nav class="row">
<ul class="nav justify-content-center">
<li class="nav-item">
<a class="nav-link active" aria-current="page" href="#">WHO WE ARE</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">WHAT WE DO</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">NEWS & EVENTS</a>
</li>
<li class="nav-item">
<a class="nav-link"href="#">WHERE WE WORK</a>
</li>
<li class="nav-item">
<a class="nav-link"href="#">CONTACT US</a>
</li>
</ul>
</nav>
</header>
<br>
<div class="row">
<div class="col ms-2 card text-white border-0">
<img src="images/nav_side_sub.jpg" alt="News Feed" style="height: 450px;">
<div class="card-img-overlay ms-2">
<h5 class="card-title">CONTACT US</h5>
<hr>
<p>Directions/Parking</p>
<p>Career Opportunities</p>
<img src="images/content-navlink-news.jpg" alt="News paper" style="width: 224px;">
<br>
<br>
<h6>News & Events</h6>
<p>Join out magnificent firm and do more stuff with us</p>
</div>
</div>
<div class="col ms-4">
<img src="images/content-05-contact.jpg" class="card-img-top" style="width: 360px" alt="Rotoray Telephone">
<div class="card-body">
<p class="card-text">The office hours are from 8am - 5pm Monday through Friday</p>
<p class="card-text">689 East South Street<br>Suite 4210<br>Houston, Texas 09324</p>
<p class="card-text">PH: 555.555.5555</p>
<p class="card-text">FAX: 555.555.5555</p>
<p class="card-text">Contact Rosemary Sage at <a href = "mailto: rosemary@lawfirm.com">rosemary@lawfirm.com</a></p>
</div>
</div>
<div class="col ms-4 card text-dark border-0" >
<img src="images/other_links_background.jpg" alt="" style="height: 450px;">
<div class="card-img-overlay ms-3">
<img src="images/content-link-where.jpg" alt="Map">
<br>
<br>
<div class="text-danger">
<h6></h6>Where we work</h6>
<p>Find out more about our work coverage area</p>
</div>
<img src="images/content-link-reputation.jpg" alt="Lawyers">
<br>
<br>
<h6>News & Events</h6>
<p>Join out magnificent firm and do more stuff with us</p>
</div>
</div>
</div>
</div>
<br>
<br>
<br>
<footer>
<ul class="nav justify-content-center border-bottom-o mb-5">
<li class="nav-item1"><a href="#" class="nav-link px-2 text-muted">WHO WE ARE</a></li>
<li class="nav-item1"><a href="#" class="nav-link px-2 text-muted">WHAT WE DO</a></li>
<li class="nav-item1"><a href="#" class="nav-link px-2 text-muted">NEWS & EVENTS</a></li>
<li class="nav-item1"><a href="#" class="nav-link px-2 text-muted">WHERE WE WORK</a></li>
<li class="nav-item1"><a href="#" class="nav-link px-2 text-muted">CONTACT US</a></li>
</ul>
</footer>
</div>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-/bQdsTh/da6pkI1MST/rWKFNjaCP5gBSY4sEBT38Q/9RBh9AH40zEOg7Hlq2THRZ" crossorigin="anonymous"></script>
</body>
</html>