-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
161 lines (138 loc) · 8.16 KB
/
index.html
File metadata and controls
161 lines (138 loc) · 8.16 KB
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
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css"
integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
<title>Sweet Plum Gems</title>
</head>
<body>
<header>
<div class="collapse bg-dark" id="navbarHeader">
<div class="container">
<div class="row">
<div class="col-sm-8 col-md-7 py-4">
<h4 class="text-white">About</h4>
<p class="text-muted">A website to track projects or notes about programming</p>
</div>
<div class="col-sm-4 offset-md-1 py-4">
<h4 class="text-white">Contact</h4>
<!-- <ul class="list-unstyled">
<li><a href="#" class="text-white">Follow on Twitter</a></li>
<li><a href="#" class="text-white">Like on Facebook</a></li>
<li><a href="#" class="text-white">Email me</a></li>
</ul> -->
</div>
</div>
</div>
</div>
<div class="navbar navbar-dark bg-dark shadow-sm">
<div class="container d-flex justify-content-between">
<a href="#" class="navbar-brand d-flex align-items-center">
<svg t="1616274072349" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
p-id="686" width="25" height="25">
<path
d="M592.300627 145.49194l-0.319922-0.319923c6.398456-49.90796 38.390738-95.976846 87.338929-117.411674 48.628268-21.434829 100.775688-12.157067 136.607044 19.515292-6.398456 49.90796-38.390738 95.976846-87.33893 117.411674-48.628268 21.434829-100.455765 12.157067-136.287121-19.195369z"
fill="#ffffff" p-id="687"></path>
<path
d="M543.256459 193.704309a203.15099 203.15099 0 0 0-3.839073-24.53808c15.644226-4.542904 31.736344-7.038302 48.116391-7.42221 24.762026 19.515292 55.218678 30.552629 87.019007 30.552629 20.60303 0 40.950121-4.35095 60.433421-12.956874a165.400097 165.400097 0 0 0 96.808644-130.016633 16.060125 16.060125 0 0 0-5.278726-14.01262c-40.886136-36.247255-101.575495-45.109117-153.562953-22.202643-48.37233 21.146898-83.371887 65.360232-94.313247 117.091751-16.284071 0.959768-32.312205 3.679112-47.924438 8.190024C509.504602 80.867531 463.115793 32.111293 396.923762 2.966324a31.992282 31.992282 0 1 0-25.785779 58.545876c63.248741 27.89727 101.863425 76.141631 107.845982 132.256093C265.147553 209.412519 96.100336 374.844609 96.100336 576.108054c0 298.77592 388.64224 440.181806 405.18225 446.036394a31.928297 31.928297 0 0 0 21.434828 0C539.257424 1016.321852 927.899664 874.915967 927.899664 576.108054c0-201.775322-169.591086-367.303388-384.643205-382.403745z m142.557608-151.323493c38.102808-16.795948 81.45235-12.125075 112.868771 11.453237a133.087893 133.087893 0 0 1-76.589523 96.232783c-38.326754 16.923917-82.284149 11.741167-112.86877-11.35726a133.023908 133.023908 0 0 1 76.589522-96.296768zM512 957.711992C451.886502 933.589811 160.0849 804.692908 160.0849 576.108054c0-161.241101 132.192109-294.744893 303.606754-316.499645-24.826011 31.032513-49.971944 63.184757-69.935128 99.176074-95.177039 171.062731-74.957916 375.685366 50.259875 509.125174 3.327197 3.583136 6.878341 7.038302 10.461476 10.557453l4.926812 4.894819a15.932156 15.932156 0 0 0 22.618543 0 15.996141 15.996141 0 0 0 0-22.650536l-5.18275-5.118765c-3.199228-3.135244-6.398456-6.238495-9.501707-9.565692-115.652099-123.266262-133.983676-312.820532-45.620994-471.694204 20.155138-36.375224 45.652986-68.175553 72.622479-101.863425 4.254973-5.310719 8.41397-10.717414 12.636952-16.060126 1.695591 0 3.327197-0.223946 5.022788-0.223946 194.033189 0 351.9151 143.517376 351.9151 319.922819 0 228.584854-291.801603 357.481758-351.9151 381.603938z"
fill="#ffffff" p-id="688"></path>
</svg>
<strong> Sweet Plum</strong>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarHeader"
aria-controls="navbarHeader" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
</div>
</div>
</header>
<main role="main">
<section class="jumbotron text-center">
<div class="container">
<!-- <h1>Album example</h1> -->
<div class="lead text-muted">
<blockquote class="blockquote">
<p class="mb-0">Develop a passion for learning. If you do, you will never cease to grow.</p>
<footer class="blockquote-footer"><cite title="Source Title">Anthony J. D’Angelo</cite></footer>
</blockquote>
<!-- <p>
<a href="#" class="btn btn-primary my-2">Main call to action</a>
<a href="#" class="btn btn-secondary my-2">Secondary action</a>
</p> -->
</div>
</div>
</section>
<div class="album py-5 bg-light">
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="card mb-4 shadow-sm">
<img src="https://source.unsplash.com/collection/17098/400x400" class="img-thumbnail">
<div class="card-body">
<p class="card-text">Top Think 6.0 Notes</p>
<div class="d-flex justify-content-between align-items-center">
<div class="btn-group">
<button type="button" class="btn btn-sm btn-outline-secondary"><a href="tp6/tp6.html"
target="_blank">View</a></button>
<!-- <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button> -->
</div>
<!-- <small class="text-muted">9 mins</small> -->
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card mb-4 shadow-sm">
<img src="https://source.unsplash.com/collection/894/400x400" class="img-thumbnail">
<div class="card-body">
<p class="card-text">Project #2</p>
<div class="d-flex justify-content-between align-items-center">
<div class="btn-group">
<button type="button" class="btn btn-sm btn-outline-secondary">View</button>
<!-- <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button> -->
</div>
<!-- <small class="text-muted">9 mins</small> -->
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card mb-4 shadow-sm">
<img src="https://source.unsplash.com/collection/2254180/400x400" class="img-thumbnail">
<div class="card-body">
<p class="card-text">Project #3</p>
<div class="d-flex justify-content-between align-items-center">
<div class="btn-group">
<button type="button" class="btn btn-sm btn-outline-secondary">View</button>
<!-- <button type="button" class="btn btn-sm btn-outline-secondary">Edit</button> -->
</div>
<!-- <small class="text-muted">9 mins</small> -->
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<footer class="text-muted">
<div class="container">
<p class="float-right">
<a href="#">Back to top</a>
</p>
</div>
</footer>
<!-- Optional JavaScript; choose one of the two! -->
<!-- Option 1: jQuery and Bootstrap Bundle (includes Popper) -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"
integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous">
</script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/js/bootstrap.bundle.min.js"
integrity="sha384-Piv4xVNRyMGpqkS2by6br4gNJ7DXjqk09RmUpJ8jgGtD7zP9yug3goQfGII0yAns" crossorigin="anonymous">
</script>
</body>
</html>