-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
138 lines (136 loc) · 7.22 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
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Drakos LLC</title>
<!-- Bootstrap -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootswatch/3.3.1/cosmo/bootstrap.min.css">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
<!-- Stylesheets -->
<link rel="stylesheet" href="assets/css/style.css">
<!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/libs/html5shiv/3.7.2/html5shiv.js"></script>
<script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">Drakos LLC</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="navbar">
<ul class="nav navbar-nav">
<li class="active"><a href="#home">Home</a></li>
<li><a href="#practice">Practice</a></li>
<li><a href="#about">About Us</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="bio.html">BIO</a></li>
</ul>
</div><!-- /.navbar-collapse -->
</div><!-- /.container-fluid -->
</nav>
<div id="home" class="header col-lg-12 text-center">
<div class="header-text col-lg-4 col-lg-offset-2 text-center">
<!-- <h1>Drakos LLC</h1> -->
<!-- <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> -->
<!-- <div class="btn-space">
<a href="#" class="btn btn-primary">Contact Us</a>
</div> -->
</div>
</div>
<div class="practice layer col-lg-12" id="practice">
<div class="col-lg-8 col-lg-offset-2">
<h1 class="text-center">Practice</h1>
<hr>
<div class="col-lg-6">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
<div class="col-lg-6">
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
</div>
</div>
</div>
<!-- About -->
<div class="about dark col-lg-12" id="about">
<div class="col-lg-8 col-lg-offset-2">
<h1 class="text-center">About</h1>
<hr>
<div class="col-lg-6">
<p>Peter G. Drakos is a maritime lawyer admitted to practice in the states of New York and Connecticut. He practiced with the law firms of Cardillo & Corbett (1983 – 2000), Healy & Baillie LLP (2001 – 2007), and Blank Rome LLP (2007 – 2008). In 2008 he withdrew from Blank Rome to become President of Coastal Connect LLC, a start-up company in the short sea shipping sector, working towards launching a Ro-Ro service in New England. The financial crisis of 2008 put the Ro-Ro project on hold, and in 2009 he returned to the practice of law with his own firm, Peter G. Drakos, LLC.</p>
</div>
<div class="col-lg-6">
<p>During his 30 years of practice in the field of maritime law he has concentrated in the areas of charter party and bill of lading law, in rem procedures, ship sale and purchase, ship finance and ship registration. He is a member of the Maritime Law Association of the United States; a past Vice-Chairman of the Admiralty and Maritime Law Committee of the American Bar Association (International Law Section); a past President of the Connecticut Maritime Association; an Adjunct Professor in the Maritime Studies Department at the University of Connecticut -Avery Point, teaching commercial shipping; and a member of the Board of Trustees of the Sea Research Foundation/Mystic Aquarium. He graduated from the University of Vermont in 1978, and Gonzaga University School of Law, cum laude, in 1983.</p>
</div>
</div>
</div>
<!-- Contact -->
<div class="contact col-lg-12" id="contact">
<div class="col-lg-8 col-lg-offset-2">
<h1 class="text-center">Contact</h1>
<div class="col-lg-8 col-lg-offset-2 text-center">
<h3>Peter G. Drakos, LLC Law Office</h3>
<h3>300 First Stamford Place - 2E</h3>
<h3>Stamford, CT 06902</h3>
</div>
<div class="col-lg-4">
<div class="form-group">
<label>Name</label>
<input type="text" class="form-control" placeholder="Name">
</div>
</div>
<div class="col-lg-4">
<div class="form-group">
<label>Subject</label>
<input type="text" class="form-control" placeholder="Subject">
</div>
</div>
<div class="col-lg-4">
<div class="form-group">
<label>Email</label>
<input type="email" class="form-control" placeholder="Email">
</div>
</div>
<div class="col-lg-12">
<div class="form-group">
<label>Message</label>
<textarea type="text" class="form-control" rows="4"></textarea>
</div>
</div>
<div class="col-lg-12 btn-space text-center">
<button type="submit" class="btn btn-primary">Send Message</button>
</div>
<!-- <div class="col-lg-8 col-lg-offset-2 text-center">
<h3>Peter G. Drakos, LLC Law Office</h3>
<h3>300 First Stamford Place - 2E</h3>
<h3>Stamford, CT 06902</h3>
</div> -->
</div>
</div>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
<script>
document.querySelectorAll('a[href^="#"]').forEach(anchor => {
anchor.addEventListener('click', function (e) {
e.preventDefault();
document.querySelector(this.getAttribute('href')).scrollIntoView({
behavior: 'smooth'
});
});
});
</script>
</body>
</html>