-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathaboutUs.html
More file actions
166 lines (151 loc) · 11.9 KB
/
aboutUs.html
File metadata and controls
166 lines (151 loc) · 11.9 KB
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
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>S&J About Us</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/css/bootstrap.min.css" integrity="sha384-Smlep5jCw/wG7hdkwQ/Z5nLIefveQRIY9nfy6xoR1uRYBtpZgI6339F5dgvm/e9B" crossorigin="anonymous">
<link href="https://fonts.googleapis.com/css?family=Roboto:400,700" rel="stylesheet">
<link rel="stylesheet" href="css/index.css">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
<script src="js/bootstrap.bundle.min.js"></script>
<!--[if IE]>
<script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<!-- Menu Content -->
<div class="container-fluid fixed-top menu-head ">
<nav class= "navbar">
<a id ="brand-company" class="navbar-brand2" href="index.html"> <h1 class = "h1">S&J</h1> </a>
<div>
<a class = "openIcon" href="#" onclick= "menuOpen()">☰</a>
</div>
</nav>
<div id= "hidden-menu" class="dropdown-content ">
<nav class="navbar second-nav">
<span class = "logo">S&J</span>
<div>
<a href="javascript:void(0)" class="close-menu" onclick="menuClose()">×</a>
</div>
</nav>
<div class="dropdown-content2">
<div class="row mt-0">
<div class="col-12">
<a class="dropdown-link text-center" href="index.html" target="_blank" >Home</a>
</div>
</div>
<div class="row mt-2">
<div class="col-12">
<a class="dropdown-link text-center" href="services.html" target="_blank">Services</a>
</div>
</div>
<div class="row mt-2">
<div class="col-12">
<a class="dropdown-link text-center" href="contact.html" target="_blank">Contact</a>
</div>
</div>
<div class="row mt-2">
<div class="col-12">
<a class="dropdown-link text-center" href="projects.html" target="_blank">Projects</a>
</div>
</div>
<div class="row mt-2">
<div class="col-12">
<a class="dropdown-link text-center" href="aboutUs.html" target="_blank">About Us</a>
</div>
</div>
</div>
</div>
</div>
<!-- End of sticky top menu bar -->
<!-- Menu is going to be on every page created -->
<div class="container">
<div class="row">
<div class="col">
<img class = "card-img jumbo-img" src="img/aboutUs/aboutus jumbotron.jpg" alt="Jumbotron Architecture building">
<img class = "jumbo-mobile" src="img/aboutUs/mobile jumbotron.jpeg" alt="Jumbotron Architecture building">
<h1 class = "text-block about-us-block">About Us <br></h1>
</div>
</div>
<!-- Jumbotron above -->
<div class="margin-80">
<div class="regular">
<div class="carousel box" id= "images-4">
<div class = "h-carousel"><h1 >Innovation</h1></div>
<div class = "h-carousel"><h1 >Quality Service</h1></div>
<div class="h-carousel"><h1>Professional</h1></div>
<div class="h-carousel"><h1>Engaging</h1></div>
<div class="h-carousel"><h1>Positive</h1></div>
<div class="h-carousel"><h1>Fast-paced</h1></div>
<div class="h-carousel"><h1>Flexible</h1></div>
<div class="h-carousel"><h1>Affordable</h1></div>
<div class = "stop-button2" onclick = "carouselImages4.stop();"><i class="fa fa-stop fa-stop-stop" aria-hidden="true"></i></div>
<div onclick ="carouselImages4.previous(8000);"><i class="fa fa-step-backward left-button2" aria-hidden="true"></i></div>
<div class="carousel img-img"><img src="img/aboutUs/carousel1.jpeg" /></div>
<div class="carousel img-img"><img src="img/aboutUs/carousel2.jpeg" /></div>
<div class="carousel img-img"><img src="img/aboutUs/carousel3.jpeg"></div>
<div class="carousel img-img"><img src="img/aboutUs/carousel4.jpeg"></div>
<div class="carousel img-img"><img src="img/aboutUs/carousel5.jpeg"></div>
<div class="carousel img-img"><img src="img/aboutUs/carousel6.jpeg"></div>
<div class="carousel img-img"><img src="img/aboutUs/carousel7.jpeg"></div>
<div class="carousel img-img"><img src="img/aboutUs/carousel8.jpeg"></div>
<div onclick = "carouselImages4.next(8000);"><i class="fa fa-step-forward right-button2" aria-hidden="true"></i></div>
<div class = "p-carousel"><p >Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. </p></div>
<div class = "p-carousel"><p >But I must explain to you how all this mistaken idea of denouncing pleasure and praising pain was born and I will give you a complete account of the system, and expound the actual teachings of the great explorer of the truth, the master-builder of human happiness. No one rejects, dislikes, or avoids pleasure itself, because it is pleasure, but because those who do not know how to pursue pleasure rationally encounter consequences that are extremely painful. Nor again is there anyone who loves or pursues or desires to obtain pain of itself, because it is pain, but because occasionally circumstances occur in which toil and pain can procure him some great pleasure.</p></div>
<div class="p-carousel"><p>To take a trivial example, which of us ever undertakes laborious physical exercise, except to obtain some advantage from it? But who has any right to find fault with a man who chooses to enjoy a pleasure that has no annoying consequences, or one who avoids a pain that produces no resultant pleasure? On the other hand, we denounce with righteous indignation and dislike men who are so beguiled and demoralized by the charms of pleasure of the moment, so blinded by desire, that they cannot foresee</p></div>
<div class="p-carousel"><p>Li Europan lingues es membres del sam familie. Lor separat existentie es un myth. Por scientie, musica, sport etc, litot Europa usa li sam vocabular. Li lingues differe solmen in li grammatica, li pronunciation e li plu commun vocabules. Omnicos directe al desirabilite de un nov lingua franca: On refusa continuar payar custosi traductores. At solmen va esser necessi far uniform grammatica, pronunciation e plu sommun paroles. Ma quande lingues coalesce, li grammatica del resultant lingue es plu simplic e regulari quam ti del coalescent lingues.</p></div>
<div class="p-carousel"><p>The European languages are members of the same family. Their separate existence is a myth. For science, music, sport, etc, Europe uses the same vocabulary. The languages only differ in their grammar, their pronunciation and their most common words. Everyone realizes why a new common language would be desirable: one could refuse to pay expensive translators. To achieve this, it would be necessary to have uniform grammar, pronunciation and more common words. If several languages coalesce, the grammar of the resulting language is more simple and regular than that of the individual languages. The new common language will be more simple and regular than the existing European languages.</p></div>
<div class="p-carousel"><p>A wonderful serenity has taken possession of my entire soul, like these sweet mornings of spring which I enjoy with my whole heart. I am alone, and feel the charm of existence in this spot, which was created for the bliss of souls like mine. I am so happy, my dear friend, so absorbed in the exquisite sense of mere tranquil existence, that I neglect my talents. I should be incapable of drawing a single stroke at the present moment; and yet I feel that I never was a greater artist than now. When, while the lovely valley teems with vapour around me, and the meridian sun strikes the upper surface of the impenetrable foliage of my trees, and but a few stray gleams steal into the inner sanctuary, I throw myself down among the tall grass by the trickling stream; and, as I lie close to the earth, a thousand unknown plants are noticed by me:</p></div>
<div class="p-carousel"><p>One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin. He lay on his armour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by arches into stiff sections. The bedding was hardly able to cover it and seemed ready to slide off any moment. His many legs, pitifully thin compared with the size of the rest of him, waved about helplessly as he looked. "What's happened to me?" he thought. It wasn't a dream. His room, a proper human room although a little too small, lay peacefully between its four familiar walls. </p></div>
<div class="p-carousel"><p>The quick, brown fox jumps over a lazy dog. DJs flock by when MTV ax quiz prog. Junk MTV quiz graced by fox whelps. Bawds jog, flick quartz, vex nymphs. Waltz, bad nymph, for quick jigs vex! Fox nymphs grab quick-jived waltz. Brick quiz whangs jumpy veldt fox. Bright vixens jump; dozy fowl quack. Quick wafting zephyrs vex bold Jim. Quick zephyrs blow, vexing daft Jim. Sex-charged fop blew my junk TV quiz. How quickly daft jumping zebras vex. Two driven jocks help fax my big quiz. Quick, Baz, get my woven flax jodhpurs! "Now fax quiz Jack!" my brave ghost pled. Five quacking zephyrs jolt my wax bed. Flummoxed by job, kvetching W. zaps Iraq. Cozy sphinx waves quart jug of bad milk. </p></div>
</div>
</div>
</div>
<!-- Footer Needs to go in each other page -->
<div class="container-fluid">
<div class = "row footer mr-5">
<div class="col-md-12 col-lg-5">
<h1>Interested in starting a project?</h1>
<h1>Let’s talk:</h1>
<input type="text" value = "Enter email">
<p>We'll never share your email with anyone else.</p>
</div>
<div class="col-md-12 col-lg-2">
<h1 class="h1">New York</h1>
<p>123 Lane</p>
<p>Suite 100</p>
<p>Albany, NY 12345</p>
<p>202 555 0144</p>
</div>
<div class="col-md-12 col-lg-2">
<h1 class="h1">Florida</h1>
<p>Ocean Drive</p>
<p>Suite 201</p>
<p>Orlando, FL 22345</p>
<p>502 555 0144</p>
</div>
<div class="col-md-12 col-lg-2">
<h1 class="h1">California</h1>
<p>Mountain Street</p>
<p>Suite 105</p>
<p>San Diego, CA 22345</p>
<p>702 555 0144</p>
</div>
</div>
<div class="row">
<div class="copyright col-md-12">
<p>Copyright © 2018 Smith and Jones</p>
</div>
</div>
</div>
</div>
<!-- end of container -->
<script src="js/index.js"></script>
<script src="js/specialCarousel.js"></script>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.2/js/bootstrap.min.js" integrity="sha384-o+RDsa0aLu++PJvFqy8fFScvbHFLtbvScb8AjopnFD+iEQ7wo/CG0xlczd+2O/em" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
<!-- this needs to have to stay at the bottom without deferred etc -->
</body>
</html>