Improve course boxes

AlphonseMehounme · May 5, 2024 · baceb3b · baceb3b
1 parent 830a1e0
commit baceb3b
Show file tree

Hide file tree

Showing 5 changed files with 108 additions and 9 deletions.
diff --git a/.DS_Store b/.DS_Store
diff --git a/course.html b/course.html
@@ -24,21 +24,21 @@ <h1>Bitcoin Engineering School</h1>
           <h2>Courses</h2>
           <section class="courses">
             <article class="course">
-              <a href="https://learn.saylor.org/course/view.php?id=500"><img src="https://learn.saylor.org/theme/image.php/saylor/theme_saylor/1706621812/logos/logo_dark_large"></a>
+              <a href="https://learn.saylor.org/course/view.php?id=500"><img src="images/bitcoinforeveryone.svg"></a>
               <h3>Course : Bitcoin for Developers</h3>
-              <p>by Saylor Academy</p>
+              <p>by : Saylor Academy</p>
               <p>Cost : Free</p>
             </article>
             <article class="course">
-              <a href="https://base58.info/classes/tx-deep-dive"><img src="https://prod-files-secure.s3.us-west-2.amazonaws.com/3bf70cf4-59e8-4a20-a981-6ead6560b111/403fb149-2589-4824-9926-1059e8bbd466/niftynei_a_noviate_hacker_reading_from_an_ancient_scroll_78a2b2d7-7f06-4fc4-aa45-236f1a48d906.png?X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Credential=AKIAT73L2G45HZZMZUHI%2F20240504%2Fus-west-2%2Fs3%2Faws4_request&X-Amz-Date=20240504T231454Z&X-Amz-Expires=3600&X-Amz-Signature=9232b879c48936e10f3aa1ac0eb09720b6fc74ee9d5cdeb0aad77de8b9ab90f7&X-Amz-SignedHeaders=host&x-id=GetObject"></a>
+              <a href="https://base58.info/classes/tx-deep-dive"><img src="images/bitcoindeveloperbasics.png"></a>
               <h3>Course : Bitcoin Developer Basics</h3>
-              <p>by Base58</p>
+              <p>by : Base58</p>
               <p>Cost : $1000</p>
             </article>
-            <article>
-              <a href="https://learn.saylor.org/course/view.php?id=500"><img src="https://learn.saylor.org/theme/image.php/saylor/theme_saylor/1706621812/logos/logo_dark_large"></a>
+            <article class="course">
+              <a href="https://learn.saylor.org/course/view.php?id=500"><img src="images/bitcoinforeveryone.svg"></a>
               <h3>Course : Bitcoin for Developers</h3>
-              <p>by Saylor Academy</p>
+              <p>by : Saylor Academy</p>
               <p>Cost : Free</p>
             </article>
           </section>

diff --git a/images/bitcoindeveloperbasics.png b/images/bitcoindeveloperbasics.png
diff --git a/images/bitcoinforeveryone.svg b/images/bitcoinforeveryone.svg
diff --git a/styles/style.css b/styles/style.css
@@ -49,7 +49,7 @@ footer {
     text-align: center;
 }
 
-.quiz p, .quiz a button {
+.quiz {
     text-align: center;
 }
 
@@ -58,7 +58,22 @@ footer {
     justify-content: space-evenly;
 }
 
-.courses course {
+.course {
     margin: 10px;
+    border: 2px solid #F6931A;
+    border-radius: 5px;
+    width: 350px;
+    height: 350px;
+    text-align: center;
+}
+
+.course a img {
+    width: 200px;
+    height: 200px;
+}
+
+.quiz button {
+    color: #F6931A;
     border: 2px solid black;
+    border-radius: 5px;
 }