fikrcamp · Abdi7k · Oct 20, 2022 · Oct 20, 2022
diff --git a/css/ONE.jpg b/css/ONE.jpg
diff --git a/css/TWO.png b/css/TWO.png
diff --git a/css/style.css b/css/style.css
@@ -0,0 +1,60 @@
+* {
+    box-sizing: border-box;
+  }
+
+
+  body {
+    font-family: Arial;
+    padding: 20px;
+  }
+
+  /* Header/Blog Title */
+  .header {
+    padding: 5px;
+    font-size: 25px;
+    text-align: center;
+    background: whitesmoke;
+  }
+
+  /* Create two unequal columns that floats next to each other */
+  /* Left column */
+  .leftcolumn {
+    float: right;
+    width: 100%;
+  }
+
+  .images {
+    padding: 10px;
+    width:  40rem;
+    border-radius: 8px;
+  }
+
+  /* Add a card effect for articles */
+  .article {
+    background-color:whitesmoke ;
+    padding: 20px;
+    margin-top: 20px;
+  }
+
+  /* Clear floats after the columns */
+  .row:after {
+    content: "";
+    display: table;
+    clear: both;
+  }
+
+  /* Footer */
+  .footer {
+    padding: 0px;
+    text-align: center;
+    background: whitesmoke;
+    margin-top: 0px;
+  }
+
+  /* Responsive layout - when the screen is less than 800px wide, make the two columns stack on top of each other instead of next to each other */
+  @media screen and (max-width: 800px) {
+    .leftcolumn, .rightcolumn {
+      width: 100%;
+      padding: 0;
+    }
+}  
diff --git a/index.html b/index.html
@@ -6,16 +6,68 @@
       name="viewport"
       content="width=device-width, initial-scale=1, shrink-to-fit=no"
     />
-    <title>My Blog</title>
+  <!--  <title>My Blog</title>
     <link
       href="//fonts.googleapis.com/css?family=Roboto:400,500,300"
       rel="stylesheet"
       type="text/css"
     />
     <link rel="stylesheet" href="css/style.css" />
     <link rel="shortcut icon" type="image/x-icon" href="favicon.ico" />
+  -->
+  <link rel="stylesheet" href="CSS/style.css">
+  <div class="header">
+    <a id="top">
+    <h1>Tech Trends In 2022</h1>
+    <p style="font-size: 20px;">Technology today is evolving at a rapid pace, enabling faster change and progress, causing an acceleration of the rate of change</p>
+  </a>
+  </div>
   </head>
   <body>
+    <div class="row">
+      <div class="leftcolumn">
+        <div class="article">
+          <h2>Computing Power</h2>
+          <h5>What makes a supercomputer so super?</h5>
+          <a href="ONE.jpg" target="blank">
+          <img class="images" src="css/ONE.jpg" alt="" />
+          </a>
+          <p>Computing power has already established its place in the digital era, with almost every device and appliance being computerized. And it’s here for even more as data science experts have predicted that the computing infrastructure we are building right now will only evolve for the better in the coming years. At the same time, we have 5G already; gear up for an era of 6G with more power in our hands and devices surrounding us. 
+            Even better, computing power is generating more tech jobs in the industry but would require specialized qualifications for candidates to acquire. 
+            From data science to robotics and IT management, this field will power the largest percentage of employment in every country. The more computing our devices will need, the more technicians, IT teams, relationship managers, and the customer care economy will flourish.</p>
+        </div>
+        <div class="article">
+          <h2>Datafication</h2>
+          <h5>Collective tools, technologies and processes used to transform an organization to a data-driven enterprise</h5>
+          <a href="https://www.promptcloud.com/wp-content/uploads/2016/04/network-782707_640.png" target="blank">
+            <img class="images" src="https://www.promptcloud.com/wp-content/uploads/2016/04/network-782707_640.png" alt="" />
+          </a>
+          <p>Datafication is simply transforming everything in our life into devices or software powered by data. So, in short, Datafication is the modification of human chores and tasks into data-driven technology. From our smartphones, industrial machines, and office applications to AI-powered appliances and everything else, data is here to stay for longer than we can ever remember! So, to keep our data stored the right way and secure and safe, it has become an in-demand specialization in our economy. 
+            You can also equip yourself with this useful trending skill by doing a course like RPA to help you understand how automation works in the world of data. Let’s look at some popular data careers:
+            <ul>
+              <li>Big Data Engineers</li>
+              <li>Robotics Engineers</li>
+              <li>Data Scientists</li>
+            </ul>
+          </p>
+        </div>
+        <div class="article">
+          <h2>Artificial Intelligence (AI) and Machine Learning</h2>
+          <h5>The broad science of mimicking human abilities and specific subset of AI that trains a machine how to learn</h5>
+          <a href="Tech.jpg" target="blank">
+            <img class="images" src="css/TWO.png" alt="" />
+          </a>
+          <p>Artificial Intelligence, or AI, has already received a lot of buzz in the past decade, but it continues to be one of the new technology trends because of its notable effects on how we live, work and play are only in the early stages. AI is already known for its superiority in image and speech recognition, navigation apps, smartphone personal assistants, ride-sharing apps and so much more.</p>
+        </div>
+      </div>
+    </div>
+
+    <div class="footer">
+      <footer>
+        <p>&#169; Abdikani</p>
+      </footer>
+      </div>
+      <a href="#top">Go Up!</a>
     <!-- Add your HTML  here -->
   </body>
 </html>