Add styles to lists

Yuriy-Solodovnik · May 4, 2021 · b9a7e47 · b9a7e47
1 parent 72e7fd4
commit b9a7e47
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 10 deletions.
diff --git a/assets/stylesheets/style.css b/assets/stylesheets/style.css
@@ -0,0 +1,14 @@
+input[type="range"]{
+    background: transparent; 
+  }
+.myFlex{
+    display: flex;
+    justify-content: space-between;
+    flex-direction: row;
+  }
+#ava{
+      border-radius: 100%;
+  }
+ul>li::before {
+    content: "📌" ;
+  }
diff --git a/index.html b/index.html
@@ -4,6 +4,7 @@
       <meta charset="UTF-8" />
       <title>Résumé</title>
       <link rel="stylesheet" href="https://binary-studio-academy.github.io/stage-2/assets/stylesheets/base.css">
+      <link rel="stylesheet" href="./assets/stylesheets/style.css">
     </head>
     <body>
       <main>
@@ -13,7 +14,7 @@
               <div class="row">
                 <div class="three wide center aligned column">
                   <div class="stackable grid">
-                    <img src = "assets/images/ava.png" alt = "my avatar" id="ava"></img>
+                    <img src = "assets/images/ava.png" alt = "my avatar" id="ava">
                   </div>
                 </div>
                 <div class="thirteen wide column">
@@ -101,31 +102,31 @@ <h6>Now</h6>
                             <a href="https://nure.ua/ru/faculty/fakultet-kompyuternoy-inzhenerii-i-upravleniya" rel="external">Faculty of Computer Engineering and Management</a>
                           </strong>, specialty Computer Engineering. <sup>not to be confused with the name of the faculty</sup>
                         </p>
-                          <ol>
+                          <ul>
                             <li>Learning web-technologies, using <strong><a href="https://github.com/aspnet/" rel="external">ASP.NET Core</a></strong>.</li>
-                          </ol>
-                          <ol>
+                          </ul>
+                          <ul>
                             <li>The basics of designing hardware and software devices at the system level, IP cores for crystals, as well as system programming of microcontrollers, methods of design, deployment, maintenance and ensuring reliability and security in corporate and computer systems and networks.</li>
-                          </ol>
-                          <ol>
+                          </ul>
+                          <ul>
                             <li>Types, principles of organization and design of modern wireless networks.</li>
-                          </ol>
+                          </ul>
                       </li>
                     </ul>
                     <h6>Back then</h6>
                     <ul class="timeline">
                       <li>
                         <p><em> September 2007 &ndash; 23<sup>rd</sup> June 2019</em></p>
-                          <ol>
+                          <ul>
                             <li><strong>Studied at <a href="https://schoolapan.wixsite.com/panschool1" rel="external">Panyutyn Lyceum</a></strong></li>
-                          </ol>
+                          </ul>
                       </li>
                     </ul>
                     <h6>Way back then</h6>
                     <ul class="timeline">
                       <li>
                         <p><em>19<sup>th</sup> July 2001</em></p>
-                        <ol><li><strong>Born</strong> in the town of<strong><a href="https://lozovarada.gov.ua" rel="external"> Lozovaya, Ukraine [</a></strong><a href="https://www.google.com/maps/place/Лозовая,+Харьковская+область/@48.8945456,36.2456214,12z/data=!3m1!4b1!4m5!3m4!1s0x40df2f3ee2d01dbf:0xa7357ad1ebda3552!8m2!3d48.8902362!4d36.308001" rel="external"> Location </a>]</li></ol>
+                        <ul><li><strong>Born</strong> in the town of<strong><a href="https://lozovarada.gov.ua" rel="external"> Lozovaya, Ukraine [</a></strong><a href="https://www.google.com/maps/place/Лозовая,+Харьковская+область/@48.8945456,36.2456214,12z/data=!3m1!4b1!4m5!3m4!1s0x40df2f3ee2d01dbf:0xa7357ad1ebda3552!8m2!3d48.8902362!4d36.308001" rel="external"> Location </a>]</li></ul>
                       </li>
                     </ul>
                   </section>