-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
121 lines (121 loc) · 6.81 KB
/
index.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
111
112
113
114
115
116
117
118
119
120
121
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>San Brothers Law Firm</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Courgette&family=Dancing+Script&family=Italianno&family=Kablammo&family=Ultra&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="container">
<div class="row header">
<div class="company_logo">
<img class="logo" src="img/logo-transparent.png" alt="Company Logo">
</div>
<nav class="links_container">
<ul class="links">
<li>
<a href="#intro_section" rel="noopener noreferrer">ABOUT</a>
</li>
<li>
<a href="#pratice_area" rel="noopener noreferrer">PRACTICE AREAS</a>
</li>
<li>
<a href="#" target="_blank" rel="noopener noreferrer">OUR TEAMS</a>
</li>
<li>
<a href="#featured" rel="noopener noreferrer">NEWS</a>
</li>
<li>
<a href="#" target="_blank" rel="noopener noreferrer">LOCATION</a>
</li>
<li>
<a href="#contact" rel="noopener noreferrer">CONTACT US</a>
</li>
</ul>
</nav>
<div class="background_video">
<video autoplay loop muted>
<source src="video/ASA Law Group - Illinois and California.mp4" type="video/mp4">
</video>
</div>
</div>
<div class="commitment_div" id="pratice_area">
<div class="commitment">
<h1 class="heading">We are your progressive law partner</h1>
<p>Our approach to delivering law services is different. We are laser-focused on meeting your need to get results while managing your bottom line. Our modern, streamlined, and tech enabled structure is client-focused. Because your business is our business.</p>
<button>Learn More</button>
</div>
</div>
<div id="featured" class="featured">
<h1 class="heading">news | announcements | events</h1>
<h2> Coming Soon...</h2>
</div>
<div class="social_section">
<div class="social_media">
<a class="linkdin social_media_icon" href="#" target="_blank" rel="noopener noreferrer"></a>
<a class="twitter social_media_icon" href="#" target="_blank" rel="noopener noreferrer"></a>
<a class="facebook social_media_icon" href="#" target="_blank" rel="noopener noreferrer"></a>
</div>
<div class="stay_informed">
<h1>stay informed</h1>
<p>Our approach to delivering law services is different. We are laser-focused on meeting your need to get results while managing your bottom line. Our modern, streamlined, and tech enabled structure is client-focused. Because your business is our business.</p>
</div>
</div>
<div id="intro_section" class="intro_section">
<h1>About the Owner</h1>
<div class="intro">
<div class="intro_heading">
<img src="img/quotesAsset.png" alt="">
<h1>As I have always maintained, while we are attorneys by profession, we are human beings first. As such, our primary responsibility is to each other. It is my hope that through our efforts, we are able to shine a light on ways other businesses and individuals may become involved. </h1>
<img class="bottom_quote" src="img/bottom quote.png" alt="">
</div>
<div class="intro_profile">
<img src="img/Profile.jpg" alt="Owner Picture">
<div class="name_designation">
<h1>Sandeep Rai, San Brothers Law Firm</h1>
<h1>Owner and Founder</h1>
</div>
</div>
</div>
</div>
<div class="headquarter_contact_section">
<div class="headquarter">
<img class="headquarter_image" src="img/India_dotted_map.png" alt="">
<div class="headquarter_1">
<h2>Jharkhand headquarter</h2>
<address>Ranchi, Jharkhand</address>
</div>
</div>
<div id="contact" class="contact">
<div class="contact_head_color"></div>
<h1>CONTACT</h1>
<form method="post" class="contact_form">
<input class="form_input" type="text" name="name" id="name" placeholder="NAME">
<input class="form_input" type="email" name="email" id="email" placeholder="EMAIL">
<input class="form_input" type="text" name="phone" id="phone" placeholder="PHONE">
<textarea class="form_input name="message" id="message" cols="60" rows="4" placeholder="MESSAGE"></textarea>
<input type="submit" id="submit" value="Submit">
</form>
</div>
</div>
<div class="footer">
<div class="footer_links">
<a href="#" target="_blank" rel="noopener noreferrer">Home</a>
<a href="#intro_section" rel="noopener noreferrer">About Us</a>
<a href="#pratice_area" rel="noopener noreferrer">Pratice Area</a>
<a href="#" target="_blank" rel="noopener noreferrer">Our Teams</a>
<a href="#featured" rel="noopener noreferrer">News</a>
<a href="#" target="_blank" rel="noopener noreferrer">Location</a>
<a href="#contact" rel="noopener noreferrer">Contact Us</a>
</div>
<small>
© San Brothers Law Firm 2023. All right reserved.
</small>
</div>
</div>
</body>
</html>