diff --git a/src/App.js b/src/App.js
index 0aab2e8..07a3513 100644
--- a/src/App.js
+++ b/src/App.js
@@ -6,6 +6,8 @@ import Experience from "./pages/Experience/Experience"
 import Projects from "./pages/Projects/Projects"
 import Education from "./pages/Education/Education"
 import Achievements from "./pages/Achievements/Achievements"
+import Certifications from "./pages/Certifications/Certifications";
+import Recommendations from "./pages/Recommendations/Recommendations";
 
 // h1 22
 // h2 20
@@ -24,6 +26,9 @@ function App() {
                 <Route path="/projects" element={<Projects />} />
                 <Route path="/education" element={<Education />} />
                 <Route path="/achievements" element={<Achievements />} />
+                
+                <Route path="/certifications" element={<Certifications />} />
+                <Route path="/recommendations" element={<Recommendations />} />
                 {/* <Route path="/*" element={<404 />} /> */}
             </Routes>
 {/*             
diff --git a/src/components/awards/Award.js b/src/components/awards/Award.js
index e71ca9f..d4bdfc8 100644
--- a/src/components/awards/Award.js
+++ b/src/components/awards/Award.js
@@ -2,54 +2,50 @@ import React from 'react'
 import AwardsCSS from "./Awards.module.css"
 
 const Award = (props) => {
-  return (
-    <div className = {AwardsCSS.awardstrip}>
+    return (
+        <div className={AwardsCSS.awardstrip}>
 
-                    <div>
-                        <img src = {props.awardIMG} className = {AwardsCSS.awardIMG} alt = ""></img>
+            <div>
+                <img src={props.awardIMG} className={AwardsCSS.awardIMG} alt=""></img>
+            </div>
+
+            <div className={AwardsCSS.awardContent}>
+
+
+
+                <div className={AwardsCSS.awardSubheadings}>
+
+                    <div className={AwardsCSS.awardSubheading}>
+                        <div><h3>{props.awardTitle}</h3></div>
+                        <div><h6>{props.awardDate}</h6></div>
+                    </div>
+
+                    <div className={AwardsCSS.awardSubheading}>
+                        <div><h6>{props.awardSubtitle1Left}</h6></div>
+                        <div><h6>{props.awardSubtitle1Right}</h6></div>
                     </div>
-                    
-                    <div className = {AwardsCSS.awardContent}>
-                        
-                        <div className = {AwardsCSS.awardContentSubheadings}>
-
-                            <div>
-                                <span className = {AwardsCSS.awardPosition}>{props.awardRank}</span>
-                            </div>
-
-                            <div className = {AwardsCSS.awardSubheadings}>
-                            
-                                <div className = {AwardsCSS.awardSubheading}>
-                                    <div><h3>{props.awardTitle}</h3></div>
-                                    <div><h5>{props.awardDate}</h5></div>
-                                </div>
-
-                                <div className = {AwardsCSS.awardSubheading}>
-                                    <div><h5>{props.awardSubtitle1Left}</h5></div>
-                                    <div><h5>{props.awardSubtitle1Right}</h5></div>
-                                </div>
-
-                                <div className = {AwardsCSS.awardSubheading}>
-                                    <div><h5>{props.awardSubtitle2Left}</h5></div>
-                                    <div><h5>{props.awardSubtitle2Right}</h5></div>
-                                </div>
-
-                            </div>
-
-                        </div>
-
-                        <div className = {AwardsCSS.awardContentDescription}>
-                            <p>
-                                {props.awardDescriptionLine1}<br/>
-                                {props.awardDescriptionLine2}<br/>
-                                {props.awardDescriptionLine3}
-                            </p>
-                        </div>
 
+                    <div className={AwardsCSS.awardSubheading}>
+                        <div><h6>{props.awardSubtitle2Left}</h6></div>
+                        <div><h6>{props.awardSubtitle2Right}</h6></div>
                     </div>
 
                 </div>
-  )
+
+
+
+                <div className={AwardsCSS.awardContentDescription}>
+                    <p>
+                        {props.awardDescriptionLine1}<br />
+                        {props.awardDescriptionLine2}<br />
+                        {props.awardDescriptionLine3}
+                    </p>
+                </div>
+
+            </div>
+
+        </div>
+    )
 }
 
 export default Award
\ No newline at end of file
diff --git a/src/components/awards/Awards.module.css b/src/components/awards/Awards.module.css
index 3eb0022..5312faf 100644
--- a/src/components/awards/Awards.module.css
+++ b/src/components/awards/Awards.module.css
@@ -1,75 +1,64 @@
+/* Hide scrollbar for Chrome, Safari and Opera */
+#parentsection::-webkit-scrollbar {
+    display: none;
+}
+
+/* Hide scrollbar for IE, Edge and Firefox */
+#parentsection {
+    -ms-overflow-style: none;
+    /* IE and Edge */
+    scrollbar-width: none;
+    /* Firefox */
+}
+
 #parentsection {
-    padding: 100px 0px 50px 0px;
-    border-bottom: 1px solid #e6e6e6;
-    display: flex;
-    align-items: center;
-  }
-  
-  #sectiontitle {
-    transform: rotate(-90deg);
-    font-size: 50px;
-    font-style: normal;
-    font-weight: 900;
-    line-height: 50px;
     position: absolute;
-    right: 1105px;
-    top: 43%;
-  }
+    left: 50%;
+    transform: translate(-50%, 0%);
+    width: 1220px;
+    height: calc(100% - 200px);
+    /* 100% of the viewport height - height of the footer */
+    overflow-y: scroll;
+    padding: 20px;
+    z-index: 10;
+}
 
 .sectionbody {
     margin: 0px auto;
     position: relative;
-}
-
-.subsectionbody {
     display: flex;
     flex-direction: column;
-    gap: 50px;
-    align-items: center;
-    width: 1080px;
+    gap: 40px;
 }
 
-.subsectionbody > div:first-child {
+.subsectionbody {
     display: flex;
     flex-direction: column;
-    gap: 50px;
-    align-items: center;
-    width: 1080px;
-}
-
-.pagiation {
-    display: inline-flex;
+    gap: 40px;
     align-items: center;
-    gap: 10px;
+    width: 100%;
 }
 
 .awardstrip {
     display: flex;
-    align-items: flex-start;
-    gap: 40px;
-    width: 1080px;
+    align-items: center;
+    gap: 30px;
+    width: 100%;
 }
 
 .awardIMG {
     width: 300px;
-height: 173px;
-border-radius: 10px;
-border: 0.2px solid rgba(0, 0, 0, 0.50);
-object-fit: cover;
+    height: 173px;
+    border-radius: 15px;
+    border: 0.2px solid rgba(0, 0, 0, 0.50);
+    object-fit: cover;
 }
 
 .awardContent {
     display: flex;
-flex-direction: column;
-align-items: flex-start;
-gap: 20px;
-width: 100%;
-}
-
-.awardContentSubheadings {
-    display: flex;
-    align-items: center;
-    gap: 30px;
+    flex-direction: column;
+    align-items: flex-start;
+    gap: 20px;
     width: 100%;
 }
 
@@ -81,21 +70,25 @@ width: 100%;
     width: 100%;
 }
 
+.awardSubheadings h3 {
+    font-weight: 700;
+}
+
 .awardPosition {
     color: #000;
-font-size: 90px;
-font-style: normal;
-font-weight: 900;
-line-height: 90px;
+    font-size: 90px;
+    font-style: normal;
+    font-weight: 900;
+    line-height: 90px;
 }
 
 .awardSubheading {
     display: flex;
-justify-content: space-between;
-align-items: center;
-width: 100%;
+    justify-content: space-between;
+    align-items: center;
+    width: 100%;
 }
 
-.awardSubheading > div:first-child > h5 {
-    font-weight: 600;
+.awardSubheading>div:first-child>h6 {
+    font-weight: 700;
 }
\ No newline at end of file
diff --git a/src/components/certifications/Certificate.js b/src/components/certifications/Certificate.js
index 248a980..898dbda 100644
--- a/src/components/certifications/Certificate.js
+++ b/src/components/certifications/Certificate.js
@@ -6,18 +6,18 @@ import Skill from './Skill'
 const Certificate = (props) => {
   return (
     <div className={CertificationsCSS.card}>
-                            <img src = {props.certificateIMG} alt = ""></img>
-                            <h5>{props.certificateTitle}</h5>
-                            <div className = {CertificationsCSS.certficaionSubtitle}>
-                                <div><h5>{props.certificateIssuer}</h5></div>
-                                <div><h5>{props.certificateDate}</h5></div>
-                            </div>
-                            
-                            <div className={CertificationsCSS.plainskillrow}>
-                                {props.skill}
-                            </div>
+      <img src={props.certificateIMG} alt=""></img>
+      <h5>{props.certificateTitle}</h5>
+      <div className={CertificationsCSS.certficaionSubtitle}>
+        <div><h5>{props.certificateIssuer}</h5></div>
+        <div><h5>{props.certificateDate}</h5></div>
+      </div>
 
-                        </div>
+      <div className={CertificationsCSS.plainskillrow}>
+        {props.skill}
+      </div>
+
+    </div>
   )
 }
 
diff --git a/src/components/certifications/Certifications.js b/src/components/certifications/Certifications.js
deleted file mode 100644
index cb626b4..0000000
--- a/src/components/certifications/Certifications.js
+++ /dev/null
@@ -1,100 +0,0 @@
-import React from "react";
-
-import CertificationsCSS from "./Certifications.module.css";
-
-import dsaabdb from "../../assets/certifications/dsaabdb.jpeg";
-import Certificate from "./Certificate";
-import Skill from "./Skill";
-
-const Certifications = () => {
-    return (
-        <section id={CertificationsCSS.parentsection}>
-            <div className={CertificationsCSS.sectionbody}>
-                <div id={CertificationsCSS.sectiontitle}>
-                    <span>certifications</span>
-                </div>
-
-                <div className={CertificationsCSS.subsectionbody}>
-                    
-
-                    <div id={CertificationsCSS.projectgrid}>
-                        <Certificate
-                            certificateIMG={dsaabdb}
-                            certificateTitle="IBM Full Stack Software Developer Professional"
-                            certificateIssuer="Coursera • Online • IBM"
-                            certificateDate="25/05/23"
-                            skill={[
-                                <Skill skill="Cloud" />,
-                                <Skill skill="VCS" />,
-                                <Skill skill="HTML" />,
-                                <Skill skill="CSS" />,
-                                <Skill skill="JS" />,
-                                <Skill skill="ReactJS" />,
-                            ]}
-                        />
-
-                        <Certificate
-                            certificateIMG={dsaabdb}
-                            certificateTitle="IBM Full Stack Software Developer Professional"
-                            certificateIssuer="Coursera • Online • IBM"
-                            certificateDate="25/05/23"
-                            skill={[
-                                <Skill skill="Cloud" />,
-                                <Skill skill="VCS" />,
-                                <Skill skill="HTML" />,
-                                <Skill skill="CSS" />,
-                                <Skill skill="JS" />,
-                                <Skill skill="ReactJS" />,
-                            ]}
-                        />
-                        <Certificate
-                            certificateIMG={dsaabdb}
-                            certificateTitle="IBM Full Stack Software Developer Professional"
-                            certificateIssuer="Coursera • Online • IBM"
-                            certificateDate="25/05/23"
-                            skill={[
-                                <Skill skill="Cloud" />,
-                                <Skill skill="VCS" />,
-                                <Skill skill="HTML" />,
-                                <Skill skill="CSS" />,
-                                <Skill skill="JS" />,
-                                <Skill skill="ReactJS" />,
-                            ]}
-                        />
-                        <Certificate
-                            certificateIMG={dsaabdb}
-                            certificateTitle="IBM Full Stack Software Developer Professional"
-                            certificateIssuer="Coursera • Online • IBM"
-                            certificateDate="25/05/23"
-                            skill={[
-                                <Skill skill="Cloud" />,
-                                <Skill skill="VCS" />,
-                                <Skill skill="HTML" />,
-                                <Skill skill="CSS" />,
-                                <Skill skill="JS" />,
-                                <Skill skill="ReactJS" />,
-                            ]}
-                        />
-                    </div>
-
-                    <div className={CertificationsCSS.pagiation}>
-                        <div className="material-symbols-outlined filled">
-                            circle
-                        </div>
-                        <div className="material-symbols-outlined unfilled">
-                            circle
-                        </div>
-                        <div className="material-symbols-outlined unfilled">
-                            circle
-                        </div>
-                        <div className="material-symbols-outlined unfilled">
-                            circle
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </section>
-    );
-};
-
-export default Certifications;
diff --git a/src/components/certifications/Certifications.module.css b/src/components/certifications/Certifications.module.css
index 775b72c..7c4d32e 100644
--- a/src/components/certifications/Certifications.module.css
+++ b/src/components/certifications/Certifications.module.css
@@ -1,31 +1,34 @@
+/* Hide scrollbar for Chrome, Safari and Opera */
+#parentsection::-webkit-scrollbar {
+    display: none;
+}
+
+/* Hide scrollbar for IE, Edge and Firefox */
 #parentsection {
-    padding: 100px 0px 40px 0px;
-    border-bottom: 1px solid #e6e6e6;
-    display: flex;
-    align-items: center;
+    -ms-overflow-style: none;
+    /* IE and Edge */
+    scrollbar-width: none;
+    /* Firefox */
 }
 
-#sectiontitle {
-    transform: rotate(-90deg);
-    font-size: 50px;
-    font-style: normal;
-    font-weight: 900;
-    line-height: 50px;
+#parentsection {
     position: absolute;
-    right: 1025px;
-    top: 40%;
+    left: 50%;
+    transform: translate(-50%, 0%);
+    width: 1220px;
+    height: calc(100% - 200px);
+    /* 100% of the viewport height - height of the footer */
+    overflow-y: scroll;
+    padding: 20px;
+    z-index: 10;
 }
 
 .sectionbody {
     margin: 0px auto;
     position: relative;
-}
-
-.subsectionbody {
     display: flex;
     flex-direction: column;
-    gap: 60px;
-    align-items: center;
+    gap: 40px;
 }
 
 .plainskillrow {
diff --git a/src/components/certifications/Skill.js b/src/components/certifications/Skill.js
index 110b62b..6a78987 100644
--- a/src/components/certifications/Skill.js
+++ b/src/components/certifications/Skill.js
@@ -2,10 +2,10 @@ import React from 'react'
 
 const Skill = (props) => {
   return (
-                                <div>
-                                    <h6>{props.skill}</h6>
-                                </div>
-                            
+    <div>
+      <h6>{props.skill}</h6>
+    </div>
+
   )
 }
 
diff --git a/src/pages/Achievements/AchievementContent.js b/src/pages/Achievements/AchievementContent.js
index 90f6ff0..2b16af2 100644
--- a/src/pages/Achievements/AchievementContent.js
+++ b/src/pages/Achievements/AchievementContent.js
@@ -10,15 +10,26 @@ const AchievementContent = () => {
   return (
         <section id={AwardsCSS.parentsection}>
             <div className={AwardsCSS.sectionbody}>
-                <div id={AwardsCSS.sectiontitle}>
-                    <span>awards</span>
-                </div>
 
                 <div className={AwardsCSS.subsectionbody}>
-                    <div>
+
+                        <Award
+                            awardIMG={hackatoge}
+                            awardTitle="iVOLUTION '23"
+                            awardDate="03/2023"
+                            awardSubtitle1Left="Design Sprint"
+                            awardSubtitle1Right="Issued by Swift Coding Club"
+                            awardSubtitle2Left="SRM Institute of Science & Technology"
+                            awardSubtitle2Right="Chennai, India"
+                            awardDescriptionLine1='• Our team "Wireshark" secured 3rd place in a 24hr long hackathon, conducted at IIT Madras research park.'
+                            awardDescriptionLine2="• We designed and developed a social networking mobile application, with complete functionality."
+                            awardDescriptionLine3="• 4 major reviews were conducted throughout the competition, and we had passed the various stages."
+                        />
+
+                        <hr />
+
                         <Award
                             awardIMG={hackatoge}
-                            awardRank = "#3"
                             awardTitle="Hackatoge"
                             awardDate="03/2023"
                             awardSubtitle1Left="24 Hour Hackathon"
@@ -34,7 +45,6 @@ const AchievementContent = () => {
 
                         <Award
                             awardIMG={concepto}
-                            awardRank = "#3"
                             awardTitle="Concepto 3.0"
                             awardDate="03/2023"
                             awardSubtitle1Left="Ideathon"
@@ -50,34 +60,18 @@ const AchievementContent = () => {
 
                         <Award
                             awardIMG={hackatoge}
-                            awardRank = "<1000"
                             awardTitle="Merit semester(s)"
-                            awardDate="05/2021 – 05/2023"
+                            awardDate="03/2023"
                             awardSubtitle1Left="Scholarship"
                             awardSubtitle1Right="Issued by SRM IST"
-                            
                             awardDescriptionLine1='• Our team "Wireshark" secured 3rd place in a 24hr long hackathon, conducted at IIT Madras research park.'
                             awardDescriptionLine2="• We designed and developed a social networking mobile application, with complete functionality."
                             awardDescriptionLine3="• 4 major reviews were conducted throughout the competition, and we had passed the various stages."
                         />
 
-                        
-                    </div>
 
-                    <div className={AwardsCSS.pagiation}>
-                        <div className="material-symbols-outlined filled">
-                            circle
-                        </div>
-                        <div className="material-symbols-outlined unfilled">
-                            circle
-                        </div>
-                        <div className="material-symbols-outlined unfilled">
-                            circle
-                        </div>
-                        <div className="material-symbols-outlined unfilled">
-                            circle
-                        </div>
-                    </div>
+
+                    
                 </div>
             </div>
         </section>
diff --git a/src/pages/Certifications/Certifications.js b/src/pages/Certifications/Certifications.js
new file mode 100644
index 0000000..ffdc5d4
--- /dev/null
+++ b/src/pages/Certifications/Certifications.js
@@ -0,0 +1,28 @@
+import React from 'react'
+
+import Navbar from '../../components/navbar/Navbar'
+import Subnav from '../../components/navbar/Subnav'
+import CertificationsContent from './CertificationsContent'
+import Footer from '../../components/footer/Footer'
+
+const Certifications = () => {
+  return (
+    <>
+    <Navbar />
+
+      <Subnav
+        subnavLinks={[
+          { text: "Competitions", route: "/competitions" },
+          { text: "Certifications", route: "/certifications" },
+          { text: "Recommendations", route: "/recommendations" }
+        ]}
+      />
+
+      <CertificationsContent />
+      <Footer />
+      <div className="subbody"></div>
+  </>
+  )
+}
+
+export default Certifications
\ No newline at end of file
diff --git a/src/pages/Certifications/CertificationsContent.js b/src/pages/Certifications/CertificationsContent.js
new file mode 100644
index 0000000..dd6c6ff
--- /dev/null
+++ b/src/pages/Certifications/CertificationsContent.js
@@ -0,0 +1,81 @@
+import React from 'react'
+import CertificationsCSS from "../../components/certifications/Certifications.module.css";
+
+import dsaabdb from "../../assets/certifications/dsaabdb.jpeg";
+import Certificate from "../../components/certifications/Certificate";
+import Skill from "../../components/certifications/Skill";
+
+const CertificationsContent = () => {
+    return (
+        <section id={CertificationsCSS.parentsection}>
+            <div className={CertificationsCSS.sectionbody}>
+
+
+
+
+                <div id={CertificationsCSS.projectgrid}>
+                    <Certificate
+                        certificateIMG={dsaabdb}
+                        certificateTitle="IBM Full Stack Software Developer Professional"
+                        certificateIssuer="Coursera • Online • IBM"
+                        certificateDate="25/05/23"
+                        skill={[
+                            <Skill skill="Cloud" />,
+                            <Skill skill="VCS" />,
+                            <Skill skill="HTML" />,
+                            <Skill skill="CSS" />,
+                            <Skill skill="JS" />,
+                            <Skill skill="ReactJS" />,
+                        ]}
+                    />
+
+                    <Certificate
+                        certificateIMG={dsaabdb}
+                        certificateTitle="IBM Full Stack Software Developer Professional"
+                        certificateIssuer="Coursera • Online • IBM"
+                        certificateDate="25/05/23"
+                        skill={[
+                            <Skill skill="Cloud" />,
+                            <Skill skill="VCS" />,
+                            <Skill skill="HTML" />,
+                            <Skill skill="CSS" />,
+                            <Skill skill="JS" />,
+                            <Skill skill="ReactJS" />,
+                        ]}
+                    />
+                    <Certificate
+                        certificateIMG={dsaabdb}
+                        certificateTitle="IBM Full Stack Software Developer Professional"
+                        certificateIssuer="Coursera • Online • IBM"
+                        certificateDate="25/05/23"
+                        skill={[
+                            <Skill skill="Cloud" />,
+                            <Skill skill="VCS" />,
+                            <Skill skill="HTML" />,
+                            <Skill skill="CSS" />,
+                            <Skill skill="JS" />,
+                            <Skill skill="ReactJS" />,
+                        ]}
+                    />
+                    <Certificate
+                        certificateIMG={dsaabdb}
+                        certificateTitle="IBM Full Stack Software Developer Professional"
+                        certificateIssuer="Coursera • Online • IBM"
+                        certificateDate="25/05/23"
+                        skill={[
+                            <Skill skill="Cloud" />,
+                            <Skill skill="VCS" />,
+                            <Skill skill="HTML" />,
+                            <Skill skill="CSS" />,
+                            <Skill skill="JS" />,
+                            <Skill skill="ReactJS" />,
+                        ]}
+                    />
+                </div>
+
+            </div>
+        </section>
+    )
+}
+
+export default CertificationsContent
\ No newline at end of file
diff --git a/src/pages/Recommendations/Recommendations.js b/src/pages/Recommendations/Recommendations.js
new file mode 100644
index 0000000..610a43b
--- /dev/null
+++ b/src/pages/Recommendations/Recommendations.js
@@ -0,0 +1,9 @@
+import React from 'react'
+
+const Recommendations = () => {
+  return (
+    <div>Recommendations</div>
+  )
+}
+
+export default Recommendations
\ No newline at end of file