|
|
@@ -58,15 +58,50 @@ ul {
|
|
|
border: 4px solid gray;
|
|
|
padding: 3px 0px 5px 0px;
|
|
|
}
|
|
|
+
|
|
|
+.alert-banner-row {
|
|
|
+ background-color: #6699CC;
|
|
|
+ background-image: linear-gradient(to bottom right, #6699CC, #13274F);
|
|
|
+ border-radius: 1rem;
|
|
|
+ color: #fff;
|
|
|
+ overflow: hidden;
|
|
|
+}
|
|
|
+
|
|
|
+.body-column {
|
|
|
+ padding-top: 1rem;
|
|
|
+ padding-bottom: 1rem;
|
|
|
+ font-family: 'Roboto', sans-serif;
|
|
|
+}
|
|
|
+
|
|
|
+.icon-column,
|
|
|
+.button-column {
|
|
|
+ display: flex;
|
|
|
+ flex-flow: column nowrap;
|
|
|
+ align-items: center;
|
|
|
+ justify-content: center;
|
|
|
+}
|
|
|
+
|
|
|
</style>
|
|
|
|
|
|
<div class="mx-auto text-center">
|
|
|
<div class="container">
|
|
|
<div class="row">
|
|
|
- <div class="col-md-12 col-sm-12">
|
|
|
- <div class="section-title">
|
|
|
- <h1 class="heading bold">List of bookmarks you have created</h1><br>
|
|
|
+ <div class="container mt-3">
|
|
|
+ <div class="row alert-banner-row">
|
|
|
+ <div class="col-sm-2" id="grad1">
|
|
|
+ <img
|
|
|
+ src="/static/logo/shared_bookmark_logo.png"
|
|
|
+ alt="bookmark_logo"
|
|
|
+ width="120px"
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <div class="col-sm-8 body-column">
|
|
|
+ <br>
|
|
|
+ <h3>Public Bookmarks</h3>
|
|
|
+ <h6><b>Choose Any Bookmark You Like!</b></h6>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
+ <br>
|
|
|
</div>
|
|
|
{% for bg, bml in bdic.items(): %}
|
|
|
<div class="col-md-4">
|
eddy
