Skip to content

Commit 2deb921

Browse files
HolmesMatthewHolmesMatthew
committed
adding finished lab 3
1 parent 015b3bc commit 2deb921

File tree

3 files changed

+140
-55
lines changed

3 files changed

+140
-55
lines changed

‎Code/matthew/html_css/labs/lab_3/about.html‎

Lines changed: 25 additions & 22 deletions
Original file line numberDiff line numberDiff line change
@@ -10,28 +10,31 @@
1010
<link rel="home" href="C:\Users\wmatt\class_kiwi\Code\matthew\html_css\labs\lab_3\home_page.html">
1111
</head>
1212
<body>
13-
<nav class="navbar navbar-expand-lg navbar-light bg-light">
14-
<div class="container-fluid">
15-
<a class="navbar-brand" href="home_page.html">Company Name</a>
16-
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
17-
<span class="navbar-toggler-icon"></span>
18-
</button>
19-
<div class="collapse navbar-collapse" id="navbarNav">
20-
<ul class="navbar-nav">
21-
<li class="nav-item">
22-
<a class="nav-link active" aria-current="page" href="home_page.html">Home</a>
23-
</li>
24-
<li class="nav-item">
25-
<a class="nav-link" href="about.html">about</a>
26-
</li>
27-
<li class="nav-item">
28-
<a class="nav-link" href="financial.html">Financials</a>
29-
</li>
30-
31-
</ul>
32-
</div>
13+
<nav class="navbar navbar-expand-lg navbar-light bg-light">
14+
<div class="container-fluid">
15+
<a class="navbar-brand" href="#">Company Name</a>
16+
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
17+
<span class="navbar-toggler-icon"></span>
18+
</button>
19+
<div class="collapse navbar-collapse" id="navbarNav">
20+
<ul class="navbar-nav">
21+
<li class="nav-item">
22+
<a class="nav-link active" aria-current="page" href="home_page.html">Home</a>
23+
</li>
24+
<li class="nav-item">
25+
<a class="nav-link" href="about.html">About</a>
26+
</li>
27+
<li class="nav-item">
28+
<a class="nav-link" href="financial.html">Work for us</a>
29+
30+
</li>
31+
<!-- <li class="nav-item">
32+
<a class="nav-link disabled">Disabled</a>
33+
</li> -->
34+
</ul>
3335
</div>
34-
</nav>
36+
</div>
37+
</nav>
3538
<br>
3639

3740

@@ -49,7 +52,7 @@ <h5 class="card-title text-center">Mission statement</h5>
4952
<div class="container-lg text-center">
5053
<h4>Leaders in Change <small class="text-muted">Since a long time ago</small></h4>
5154
<br>
52-
<p>Inspiring words from the marketing team</p>
55+
<p>Inspiring words from the marketing team. ~Now some filler words Lorem ipsum dolor, sit amet consectetur adipisicing elit. Animi, nostrum ipsa minus officiis vitae ullam optio placeat natus doloremque quam asperiores neque sit, modi iure fugiat quaerat odit! Dignissimos, labore Lorem ipsum dolor sit, amet consectetur adipisicing elit. Deleniti est voluptatibus dicta deserunt minus modi ex quo debitis cumque asperiores nesciunt laudantium maiores nihil, error quaerat consequuntur inventore veritatis quod. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Repellat aperiam molestiae, aliquam quaerat numquam eos amet. Labore, laboriosam sequi vel vero debitis at aliquam totam nostrum laudantium rerum, in vitae. Lorem ipsum dolor sit, amet consectetur adipisicing elit. Laboriosam fuga fugiat officiis reprehenderit tempore accusantium distinctio quos. Optio blanditiis omnis culpa, assumenda, qui voluptatibus distinctio eveniet incidunt eligendi modi dolores..</p>
5356
</div>
5457
<br>
5558

‎Code/matthew/html_css/labs/lab_3/financial.html‎

Lines changed: 113 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -10,39 +10,120 @@
1010
<link rel="home" href="C:\Users\wmatt\class_kiwi\Code\matthew\html_css\labs\lab_3\home_page.html">
1111
</head>
1212
<body>
13-
<nav class="navbar navbar-expand-lg navbar-light bg-light">
14-
<div class="container-fluid">
15-
<a class="navbar-brand" href="home_page.html">Company Name</a>
16-
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
17-
<span class="navbar-toggler-icon"></span>
18-
</button>
19-
<div class="collapse navbar-collapse" id="navbarNav">
20-
<ul class="navbar-nav">
21-
<li class="nav-item">
22-
<a class="nav-link active" aria-current="page" href="home_page.html">Home</a>
23-
</li>
24-
<li class="nav-item">
25-
<a class="nav-link" href="about.html">about</a>
26-
</li>
27-
<li class="nav-item">
28-
<a class="nav-link" href="financial.html">Financials</a>
29-
</li>
30-
31-
</ul>
32-
</div>
13+
14+
<!-- Nav -->
15+
<nav class="navbar navbar-expand-lg navbar-light bg-light">
16+
<div class="container-fluid">
17+
<a class="navbar-brand" href="#">Company Name</a>
18+
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
19+
<span class="navbar-toggler-icon"></span>
20+
</button>
21+
<div class="collapse navbar-collapse" id="navbarNav">
22+
<ul class="navbar-nav">
23+
<li class="nav-item">
24+
<a class="nav-link active" aria-current="page" href="home_page.html">Home</a>
25+
</li>
26+
<li class="nav-item">
27+
<a class="nav-link" href="about.html">About</a>
28+
</li>
29+
<li class="nav-item">
30+
<a class="nav-link" href="financial.html">Work for us</a>
31+
32+
</li>
33+
<!-- <li class="nav-item">
34+
<a class="nav-link disabled">Disabled</a>
35+
</li> -->
36+
</ul>
37+
</div>
38+
</div>
39+
</nav>
40+
41+
<br>
42+
<!-- -->
43+
<div class="container-fluid">
44+
<div class="row justify-content-between">
45+
<div class="col-4 order-1">
46+
<figure class="figure">
47+
<img src="https://picsum.photos/500/500" class="figure-img img-fluid rounded" alt="...">
48+
<figcaption class="figure-caption">A caption for the above image.</figcaption>
49+
</figure>
50+
</div>
51+
52+
<div class="col-4 order-2">
53+
<header>
54+
<h4 class="text-center">We want you</h4>
55+
<p class="text-center">Here at ^Company^ we pride ourselves in things. Some random filler words ~Lorem ipsum dolor sit amet consectetur adipisicing elit. Eius fugit aliquid vel perferendis! Voluptatibus, aliquam consequatur. Suscipit atque eaque rerum explicabo non officia, expedita modi unde, distinctio cumque minus inventore.</p>
56+
</header>
3357
</div>
34-
</nav>
58+
<div class="col-2 order-3"></div>
59+
</div>
60+
</div>
61+
<br>
62+
<br>
63+
64+
<div class="container-xxl">
3565

66+
<h5 class="text-center">Apply now</h5>
67+
68+
<br>
69+
70+
<form class="row g-3">
71+
<div class="col-md-6">
72+
<label for="inputEmail4" class="form-label">Email</label>
73+
<input type="email" class="form-control" id="inputEmail4">
74+
</div>
75+
<!-- <div class="col-md-6">
76+
<label for="inputPassword4" class="form-label">Password</label>
77+
<input type="password" class="form-control" id="inputPassword4">
78+
</div> -->
79+
<div class="col-12">
80+
<label for="inputAddress" class="form-label">Address</label>
81+
<input type="text" class="form-control" id="inputAddress" placeholder="1234 Main St">
82+
</div>
83+
<div class="col-12">
84+
<label for="inputAddress2" class="form-label">Address 2</label>
85+
<input type="text" class="form-control" id="inputAddress2" placeholder="Apartment, studio, or floor">
86+
</div>
87+
<div class="col-md-6">
88+
<label for="inputCity" class="form-label">City</label>
89+
<input type="text" class="form-control" id="inputCity">
90+
</div>
91+
<div class="col-md-4">
92+
<label for="inputState" class="form-label">State</label>
93+
<select id="inputState" class="form-select">
94+
<option selected>Choose...</option>
95+
<option>...</option>
96+
</select>
97+
</div>
98+
<div class="col-md-2">
99+
<label for="inputZip" class="form-label">Zip</label>
100+
<input type="text" class="form-control" id="inputZip">
101+
</div>
102+
<!-- <div class="col-12">
103+
<div class="form-check">
104+
<input class="form-check-input" type="checkbox" id="gridCheck">
105+
<label class="form-check-label" for="gridCheck">
106+
Check me out
107+
</label>
108+
</div>
109+
</div> -->
110+
<div class="col-12">
111+
<button type="submit" class="btn btn-primary">Submit</button>
112+
</div>
113+
</form>
114+
</div>
115+
116+
<!--Footer -->
36117
<footer>
37-
<table class="table">
38-
39-
<tbody>
40-
<tr>
41-
<td></td>
42-
</tr>
43-
</tbody>
44-
</table>
45-
<p>Matthew Holmes &copy; 2022</p>
46-
</footer>
47-
</body>
118+
<table class="table">
119+
120+
<tbody>
121+
<tr>
122+
<td></td>
123+
</tr>
124+
</tbody>
125+
</table>
126+
<p class="text-center">Matthew Holmes &copy; 2022</p>
127+
</footer>
128+
</body>
48129
</html>

‎Code/matthew/html_css/labs/lab_3/home_page.html‎

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -27,7 +27,8 @@
2727
<a class="nav-link" href="about.html">About</a>
2828
</li>
2929
<li class="nav-item">
30-
<a class="nav-link" href="financial.html">Financials</a>
30+
<a class="nav-link" href="financial.html">Work for us</a>
31+
3132
</li>
3233
<!-- <li class="nav-item">
3334
<a class="nav-link disabled">Disabled</a>

0 commit comments

Comments
 (0)