-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
95 lines (95 loc) · 3.13 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
<!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="./css/midterm1.css">
<title>Welcome</title>
</head>
<body>
<header>
<nav class="header-nav">
<div class="header-logo">
<a href="#">Home</a>
</div>
<div class="header-menu">
<ul>
<li><a href="#projects">Projects</a></li>
<li><a href="#contacts">Contact</a></li>
</ul>
</div>
</nav>
</header>
<div>
<div class="BackgroundWeb">
<div class="text1">
<h1>
hi.
</h1>
<p>
as a cdt major and business entrepreneurship minor my goal is to incorporate design engineering and business first in the industrial product design sector then bringing my first hand experience to new companies as a project manager and ultimately an owner of my own startups
</p>
<div class="red-button">
<a href="#contacts">Contacts</a>
</div>
</div>
<div class="section1-grid">
<a name="projects"></a>
<h2>Projects</h2>
<div class="column1">
<p><a href="#adobe" class="link-adobe">Adobe</a></p>
</div>
<div class="column2">
<p><a href="#cad" class="link-cad">Cad</a></p>
</div>
<div class="column3">
<p><a href="#photos" class="link-photos">Photos</a></p>
</div>
</div>
<div class="image-grid-container">
<div class="image-group1">
<a name="adobe"></a>
<h2>Adobe</h2>
<img src="./img/macandmiller.png" alt="macandmiller">
<img src="./img/mmrecord.png" alt="record">
<img src="./img/skew.png" alt="skew">
</div>
<div class="image-group2">
<a name="cad"></a>
<h3>Cad</h3>
<img src="./img/climbon.png" alt="climb">
<img src="./img/hand1.png" alt="part1">
<img src="./img/hand2.png" alt="part2">
</div>
<div class="image-group3">
<a name="photos"></a>
<h3>Photos</h3>
<img src="./img/Sammy_Strear_08.jpg" alt="8">
<img src="./img/Sammy_Strear_03.jpg" alt="3" >
<img src="./img/Introyourself.JPG" alt="leaf" >
</div>
</div>
</div>
</div>
<footer>
<a name="contacts"></a>
<div class="contact">
<p>Contact Information:</p>
<ul>
<li>Address: 1037 12th St, Boulder CO</li>
<li>Phone: 8183950150</li>
<li>Email: [email protected]</li>
</ul>
</div>
<div class="social">
<p>Follow Me:</p>
<ul>
<li><a href="https://www.facebook.com/sammy.strear/">Facebook</a></li>
<li><a href="https://www.linkedin.com/in/samuelstrear/">LinkedIn</a></li>
</ul>
</div>
</footer>
<script src="./js/final.js"></script>
</body>
</html>