personal_website/index_old.html at master · williamteav/personal_website · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
{box-sizing: border-box;}
body {font-family: Arial;}
nav2 {font-family: Consolas;}

header {
  background-color: #595959;
  padding: 15px;
  text-align: center;
  font-size: 20px;
  color: white;}

section {
  display: -webkit-flex;
  display: flex;}

nav1 {
  -webkit-flex: 2;
  -ms-flex: 2;
  flex: 2;
  background: #BD241A;
  padding: 30px;
  color: white;}

nav2 {
  -webkit-flex: 2;
  -ms-flex: 2;
  flex: 2;
  background: #00083C;
  padding: 30px;
  color: white;
}

/* Style the list inside the menu */
nav ul {
  list-style-type: none;
  padding: 0;
}

/* Style the content */
article {
  -webkit-flex: 3;
  -ms-flex: 3;
  flex: 3;
  background-color: #f1f1f1;
  text-align: center;
  padding: 10px;
}

/* Style the footer */
footer {
  background-color: #777;
  padding: 10px;
  text-align: center;
  color: white;
}

media (max-width: 600px) {
  section {
    -webkit-flex-direction: column;
    flex-direction: column;
  }
}
</style>
</head>
<body>

<header>
  <img src="/personal_website/home_banner.png" alt="home banner" class="center">
  <h5> For best results, please view this website on a desktop browser. </h5>
</header>

<section>

  <nav1>
    <ul>
        <h3> Airshow Videos </h3>
        <img src="PoF17.gif" alt="PoF17" class="center" width="80%" height="80%">
        <h4> <a href="https://www.youtube.com/watch?v=70H43So4et4" style="color:#FFF" >2017 Planes of Fame Airshow</a></h4>
        <img src="PoF18.gif" alt="PoF18" class="center" width="80%" height="80%">
        <h4> <a href="https://www.youtube.com/watch?v=2Yikh1TRXyY" style="color:#FFF" >2018 Planes of Fame Airshow</a></h4>
        <img src="CIA19.gif" alt="CIA19" class="center" width="80%" height="80%">
        <h4> <a href="https://www.youtube.com/watch?v=xo8cx5cw40A" style="color:#FFF" >2019 California International Airshow</a></h4>
    </ul>
  </nav1>

  <article>
    <img src="/personal_website/home_banner_2.png" alt="home banner" class="center">
    <h3> Check out my <a href="https://williamteav.github.io/personal_website/blog/home.html" style="color:#0223FF" >blog</a>
         for recaps and highlights of past excursions.
    </h3>

  </article>

</section>

<section>

  <nav2>
    <ul>
        <h3> Social Media </h3>
        <h4> <a href="https://www.facebook.com/IcedTeav">
             <img border="0" alt="Facebook" src="FB.png" width="30%" height="30%">
        </a> </h4>
        <h4> <a href="https://www.linkedin.com/in/williamteav/">
             <img border="0" alt="LinkedIn" src="LinkedIn.png" width="30%" height="30%">
        </a> </h4>
        <h4> <a href="https://www.instagram.com/iced_teav/">
             <img border="0" alt="Instagram" src="IG.png" width="30%" height="30%">
        </a> </h4>
    </ul>
  </nav2>

  <article>
    <img src="/personal_website/home_banner_3.png" alt="home banner" class="center">
    <h3> Here's some of the <a href="https://williamteav.github.io/personal_website/scale_aircraft.html" style="color:#0223FF" >scale aircraft</a>
         I've put together over the years. I've also recently started building 1/72 scale <a href="https://williamteav.github.io/personal_website/scale_armor.html" style="color:#0223FF"
         >scale armor</a>.
    </h3>
  </article>


</section>


</html>