-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathpost.html
196 lines (176 loc) · 6.57 KB
/
post.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
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<script defer src="https://use.fontawesome.com/releases/v5.0.8/js/fontawesome.js"
integrity="sha384-7ox8Q2yzO/uWircfojVuCQOZl+ZZBg2D2J5nkpLqzH1HY0C1dHlTKIbpRz/LG23c" crossorigin="anonymous"></script>
<title>SimpleCTO</title>
<link href="https://fonts.googleapis.com/css?family=Oswald:300,400,500&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Noto+Serif:400,700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Old+Standard+TT&display=swap" rel="stylesheet">
<script src="https://kit.fontawesome.com/cbb6ffffe6.js"></script>
<!-- Bootstrap core CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<!-- Custom styles for this template -->
<link href="css/style.css" rel="stylesheet">
</head>
<body class="yellow-body">
<nav class="navbar navbar-expand-sm background-transparent mb-3">
<div class="container">
<a class="navbar-brand" href="#">SIMPLE.CTO</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav d-flex" style="width: 100%">
<li class="nav-item">
<a class="nav-link active" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link" href="downloads.html">Projects</a>
</li>
<li class="nav-item">
<a class="nav-link" href="documentation.html">Links</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html#about">Books</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html#about">About</a>
</li>
<li class="nav-item">
<a class="nav-link" href="index.html#about">Contact</a>
</li>
</ul>
</div>
</div>
</nav>
<main role="main" class="container">
<br><br>
<div class="row">
<div class="col-12 col-xl-8 offset-xl-2 col-md-12">
<div class="row align-content-center">
<div class="col-lg-2">
<div class="circle-avatar-small" style="background-image: url('img/sam-texas-headshot.png')"></div>
</div>
<div class="col-lg-10">
<h6>By Sam Texas</h6>
<p class="author-bio">
I am currently a CTO in digital healthcare, but I have a lot of other interests and projects ongoing. This site is where I talk about pretty much anything worth sharing. <a class="in-text-link" href="">Read more</a>
</p>
<ul class="social-small">
<li>
<a class="social-small-link" href=""></a>
</li>
<li>
<a class="social-small-link" href=""></a>
</li>
<li>
<a class="social-small-link" href=""></a>
</li>
<li>
<a class="social-small-link" href=""></a>
</li>
<li>
<a class="social-small-link" href=""></a>
</li>
</ul>
</div>
</div>
<br>
<div class="row">
<div class="col-12">
<div class="post-header">
<hr>
<div class="row divider-wrapper">
<h3 class="post-date">JUNE 30, 2019</h3>
</div>
<h2 class="post-title">
Always keep a bottle of champagne in your desk
</h2>
<hr>
<div class="post-body">
<p>
You never know when good news will arrive to your team (either individually or collectively), and it is your job to be out in front to recognize it. This is the next paragraph. <br><br>
It will continue into the next lines, but we can probably make this text smaller.
</p>
</div>
<div class="post-footer">
<a class="post-go-back" href="">This is the end. Go Back</a>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<!-- <footer>
<div class="container">
<div class="row">
<div class="col-md-4 col-12">
<h6>On site</h6>
<ul class="footer-list">
<li>
<a href="">Blog</a>
</li>
<li>
<a href="documentation.html">Documentation</a>
</li>
<li>
<a href="">Contact Us</a>
</li>
</ul>
</div>
<div class="col-md-4 col-12">
<h6>Resources</h6>
<ul class="footer-list">
<li>
<a href="">What is rubber duck debugging?</a>
</li>
<li>
<a href="">Pycharm Rubber Duck</a>
</li>
<li>
<a href="">Becoming a better developer</a>
</li>
<li>
<a href="">Project by SimpleCTO</a>
</li>
</ul>
</div>
<div class="col-md-4 col-12">
<h6>Social Media</h6>
<ul class="footer-list">
<li>
<a href="">Github</a>
</li>
<li>
<a href="">Twitter</a>
</li>
<li>
<a href="">Youtube</a>
</li>
<li>
<a href="">Gab</a>
</li>
</ul>
</div>
</div>
<div class="row">
<p class="center-text">Virtual Rubber Duck / Copyright <script>new Date().getFullYear()>2010&&document.write(new Date().getFullYear());</script></p>
</div>
</div>
</footer> -->
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="js/jquery-3.3.1.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js"
integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="js/bootstrap.min.js"></script>
</body>
</html>