-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
120 lines (118 loc) · 6.41 KB
/
about.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
<!-- ABOUT PAGE -->
<!-- ADAM POHL -->
<!-- WRITTEN FOR CS3500 -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Atlas Corporation</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="css/navbar.css">
<link rel="stylesheet" type="text/css" href="css/about.css">
<link href="https://fonts.googleapis.com/css?family=Nanum+Gothic&display=swap" rel="stylesheet">
<script type="text/javascript" src="javascript/about.js"></script>
</head>
<body>
<div class="container">
<nav class="navbar navbar-expand-sm navbar-dark fixed-top" id="navigation">
<!-- Brand/Logo -->
<a class="navbar-brand" href="index.php">
<img src="images/Company-Logo.png" alt="Atlas Corporation" title="Atlas Corporation">
</a>
<!-- Pages -->
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="index.php">Home</a>
</li>
<li class="nav-item">
<a class="nav-link active" href="about.html">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="catalog.php">Products</a>
</li>
<li class="nav-item">
<a class="nav-link" href="cart.php">Cart</a>
</li>
<li class="nav-item">
<a class="nav-link" href="weather.php">Weather</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact_us.html">Contact Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="log_in.html">Log In</a>
</li>
</ul>
</nav>
</div> <!-- End Navbar -->
<!-- Top Page header -->
<h2 class="jumbotron"><b>Meet the team</b></h2>
<!-- This div contains both team members -->
<div class="team section">
<!-- Each individual team member is held in seperate div for styling -->
<div class="developer">
<img src="images/UserIcon.jpeg" alt="">
<h3>Adam Pohl</h3>
<p>Adam wrote the contact, about, and product pages.<br>He is a Sophomore Computer Science Student at WMU.<br>
Programming is one of his biggest hobbies, both in and outside of school. <br>When he is not working on an assignment
for class<br> there is a good chance he is working on a personal project of some sort.</p>
</div>
<div class="developer">
<img src="images/UserIcon.jpeg" alt="">
<h3>Harsh Sinha</h3>
<p>Harsh wrote the index, catalog, log_in, forgot_password, and sign_up pages.<br>He is a Sophomore Computer Science and Applied Math Student at WMU.<br>
Harsh has been programming since he was 13 years old,<br> and has loved it ever since.<br>When not in class he is most likely working at his<br>year round
internship he holds at Stryker.</p>
</div>
</div>
<!-- Following helps format the columns for about our company and project -->
<div class="row section">
<div class="col-md-6">
<div class="header ">
<!-- About our company speaks about fictional company we made website for -->
<h2 class="jumbotron">About Our Company</h2>
</div>
</div>
<div class=" col-md 6">
<div class="header">
<!-- About our project speaks about our actual project for the class -->
<h2 class="jumbotron"> About Our Project</h2>
</div>
</div>
</div>
<!-- The about sections were both split in half, two cols that are 6 wide -->
<div class="row section">
<div class="col-md-6 about">
<b class="about">Making Great Tech for Tommorow</b><br><br>
<p class="about">At Atlas Tech we desire to make amazing technology to empower the world
Technology allows all sorts of people to do amazing things, whether you want to start a business
learn a new skill, or communicate a message, modern technology will help you every step of the way.
In order to amplify the amount of change we can make, Atlas Corporation partners with other large tech companies.
Google, Tesla, Apple, these are all large companies that we have worked with to get more tech into your hands faster.
It is our goal to bring this technology to the masses, the amazing people that inspire us to continue
our work everyday.
</div>
<div class="col-md-6 project">
<b class="project">A Project for WMU CS 3500</b><br><br>
<h2>TEAM 10</h2>
<p class="project">Our project was designed around making a website for the fictional company "Atlas Corporation."
The fictional company sells many tech related items, such as phones and computers. We started by designing a theme
for the comapny, an overall look and feel we wanted the website to have. As you can see, the entire site follows a
light blue color scheme. This was done to help the website fit together and feel like a cohesive whole. The technology
company was chosen for the website as it allows us room to grow and develop a backend for the future, such as the log in
features that currently only have a front end. Overall the project went very well.
</p>
</div>
</div>
<div class="row section">
<!-- Add headquarters image -->
<div class="col-md-12">
<h2 class="jumbotron"><b>Our Headquarters<b></h2>
<img class="headquarters" src="images/headquarters.jpeg" alt="">
</div>
</div>
<footer>
<p>© Atlas Corporation 2020</p>
</footer>
</body>
</html>