-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
171 lines (165 loc) · 7.79 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
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
167
168
169
170
171
<!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.0">
<link rel="stylesheet" href="styles.css">
<link href="https://fonts.googleapis.com/css2?family=Montserrat&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" integrity="sha384-DyZ88mC6Up2uqS4h/KRgHuoeGwBcD4Ng9SiP4dIRy0EXTlnuz47vAwmeGwVChigm" crossorigin="anonymous">
<title>ITI Electro-Optics Corporation</title>
</head>
<body>
<!-- Navbar Section -->
<nav class="navbar">
<div class="navbar-container">
<div class="navbar-toggle" id="mobile-menu">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</div>
<div class="logo-container">
<a href="#home" id="navbar-logo">ITI ELECTRO OPTICS</a>
</div>
<ul class="navbar-menu">
<li><a href="#home" id="#home-page" class="navbar-link">HOME</a></li>
<li><a href="#services" id="#services-page" class="navbar-link">SERVICES</a></li>
<li><a href="#about" id="#about-page" class="navbar-link">ABOUT</a></li>
<li><a href="#contact" id="#contact-page" class="navbar-btn">CONTACT</a></li>
</ul>
</div>
</nav>
<!-- Hero Section -->
<div class="hero-section" id="home">
<div class="hero-container">
<div class="hero-content">
<h1>Top-tier electro-optics and OEM services</h1>
<h2>Reach new techological heights</h2>
<div class="hero-button">
<a href="#services" class="hero-btn">LEARN MORE</a>
</div>
</div>
</div>
</div>
<!-- Services Section -->
<div class="services-section" id="services">
<div class="services-container">
<div class="services-desc">
<h2>Services</h2>
<p>ITI Electro Optics manufactures, designs, and supplies electro-optic and semiconductor materials for cutting edge-technology.</p>
</div>
<div class="services-wrapper">
<div class="services-card">
<i class="fas fa-microscope"></i>
<h3 class="card-header">Imaging Devices and Systems</h3>
</div>
<div class="services-card">
<i class="fas fa-globe"></i>
<h3 class="card-header">Passive and Active Components for Fiber Optical Networking</h3>
</div>
<div class="services-card">
<i class="fas fa-atom"></i>
<h3 class="card-header">Diode Pumped Solid State Lasers</h3>
</div>
<div class="services-card">
<i class="fas fa-microchip"></i>
<h3 class="card-header">Semiconductor and Electronic Components, Modules, and Systems</h3>
</div>
</div>
</div>
</div>
<!-- About Section -->
<div class="about-section" id="about">
<div class="about-container">
<div class="about-content">
<h1>About Us</h1>
<p> Established in the 1980s, ITI Electro Optics is a leader in electro optic
semiconductor material research, manufacturing, and fabrication services.
</p>
<p> Our mission is to become the premier technological and manufacturing firm globally. We
are dedicated to maintaining the highest standards of ethical conduct and providing the best services
and quality control as we have always done.
</p>
<p> Over the last ten years, ITI Electro Optics has teamed up with a global leader in imaging technology
and manufacturing and the inventor of CCD technology, Fairchild Imaging
Corporation, as a marketing and sales partner in select countries and regions.
</p>
<p> ITI Electro Optics is also engaged in the area of design and manufacturing for our clients as an OEM supplier to make passive
and active components and modules such as interleaver, EDFA, and related products for application in
fiber optical networking and electronics.
</p>
</div>
</div>
</div>
<!-- Contact Section -->
<div class="contact-section" id="contact">
<h1>Contact Us</h1>
<div class="contact-wrapper">
<div class="contact-info">
<div class="contact-content">
<i class="fas fa-map-marker-alt"></i>
<h2>Address</h2>
<p>11500 W. Olympic Blvd 4th Floor<br>
Los Angeles CA 90064</p>
</div>
<div class="contact-content">
<i class="fas fa-phone"></i>
<h2>Phone</h2>
<p>310-312-4526</p>
</div>
<div class="contact-content">
<i class="fas fa-print"></i>
<h2>Fax</h2>
<p>310-473-0522</p>
</div>
<div class="contact-content">
<i class="fas fa-envelope"></i>
<h2>Email</h2>
<p>sales@itieo.com</p>
</div>
</div>
<div class="form-container">
<h2>Send us a message</h2>
<form action="https://formsubmit.co/lisasuzuki1@gmail.com" method="POST" id="myForm">
<input type="hidden" name="_subject" value="New Website Inquiry">
<div class="form-details">
<div class="input-data">
<label for="FirstName">First Name</label>
<input type="text" name="FirstName" required>
</div>
<div class="input-data">
<label for="LastName">Last Name</label>
<input type="text" name="LastName">
</div>
<div class="input-data">
<label for="Email">Email</label>
<input type="text" name="Email" required>
</div>
<div class="input-data">
<label for="Phone">Phone</label>
<input type="tel" name="Phone">
</div>
</div>
<div class="form-textarea">
<div class="input-textarea">
<label for="Message">Message</label>
<textarea name="Message" id="message" cols="30" rows="10" required></textarea>
</div>
</div>
<div class="form-button">
<button type="submit" id="submit-btn">SEND</button>
</div>
</form>
<div class="modal" id="submit-modal">
<div class="modal-content">
<h2>Thank you!</h2>
<p>Your message has been sent. We will be in touch with you soon.</p>
<span class="close">OK</span>
</div>
</div>
</div>
</div>
</div>
<script src="app.js"></script>
</body>
</html>