diff --git a/resumegenerator.html b/resumegenerator.html
index e1e11e9..62090f8 100644
--- a/resumegenerator.html
+++ b/resumegenerator.html
@@ -151,7 +151,7 @@ <h3>Internships</h3>
                                         <input type="text"
                                             placeholder="Company/Role information. Appears in italics under the title."
                                             class="form-control my-2" id="internInfoF">
-                                        <input type="text" placeholder="Project Link" class="form-control my-2"
+                                        <input type="text" placeholder="Project link " class="form-control my-2"
                                             id="internLinkF">
                                         <textarea type="text" placeholder="Enter the description line 1"
                                             class="form-control my-2" rows="3" id="interndescriptionF"></textarea>
@@ -403,6 +403,11 @@ <h5 class="text-center my-2">A rough preview. Differs from the LaTeX output. <br
                                                 internship]</span>
                                         </div>
                                     </div>
+                                    <div class="row">
+                                        <div class="col-12">
+                                            <span class="text-sm fst-italic" id="internInfoT">[Company/Role information. Appears in italics under the title.]</span>
+                                        </div>
+                                    </div>
                                     <div class="row">
                                         <p class="text-sm p-0 my-0 justify-content" id="interndescriptionT">Lorem ipsum
                                             dolor sit amet
@@ -459,6 +464,15 @@ <h5 class="text-center my-2">A rough preview. Differs from the LaTeX output. <br
                                             </p>
                                         </div>
                                     </div>
+                                    <div class="row">
+                                        <div class="col-8" id="projectInfoT" >
+                                            <p class="text-sm fst-italic" >[Used Technologies Eg:- HTML, js, CSS ...]</p>
+                                        </div>
+                                        <div class="col-4" id="projectLinkT">
+                                            <p class="text-sm fst-italic">[Project link]</p>
+                                        </div>
+                                        
+                                    </div>
                                     <div class="row">
                                         <p class="text-sm p-0 my-0 justify-content" id="projectDescriptionT">Lorem ipsum
                                             dolor sit amet
diff --git a/script.js b/script.js
index 279edac..2918c20 100644
--- a/script.js
+++ b/script.js
@@ -7,6 +7,7 @@ function addNewIntern() {
   // Get values from the form
   let title = document.getElementById("internTitleF").value;
   let info = document.getElementById("internInfoF").value;
+ 
   let link = document.getElementById("internLinkF").value;
   let description = document.getElementById("interndescriptionF").value;
   let description2 = document.getElementById("interndescription2F").value;
@@ -48,18 +49,38 @@ function updateInternshipList() {
   // Loop through each internship in the array
   for (let internship of internships) {
     // Create new list item element
-    let newListItem = document.createElement("li");
+    let newListItem = document.createElement("div");
+    let firstnewListItem = document.createElement("div");
+    firstnewListItem.classList.add("d-flex", "justify-content-between",  "align-items-center");
+    let secondnewListItem = document.createElement("div");
+    secondnewListItem.classList.add("d-flex", "justify-content-between",  "align-items-center");
 
     // Create elements for title, description, and year with appropriate content
     let titleElement = document.createElement("p");
-    titleElement.classList.add("fw-bold", "my-0");
+    titleElement.classList.add("fw-bold", "my-0", "w-75");
     titleElement.textContent = internship.title;
-    newListItem.appendChild(titleElement);
+    firstnewListItem.appendChild(titleElement);
 
     let yearElement = document.createElement("p");
-    yearElement.classList.add("text-sm-end", "fw-bold", "my-0");
+    yearElement.classList.add("text-sm-end", "fw-bold", "my-0", "w-25", "me-2");
     yearElement.textContent = internship.year;
-    newListItem.appendChild(yearElement);
+    firstnewListItem.appendChild(yearElement);
+
+    newListItem.appendChild(firstnewListItem);
+
+    let infoElement = document.createElement("p");
+    infoElement.classList.add("text-sm", "fst-italic", "my-0", "w-75");
+    infoElement.textContent = internship.info;
+    secondnewListItem.appendChild(infoElement);
+
+    let linkElement = document.createElement("a");
+    linkElement.classList.add("text-sm-end", "text-decoration-none", "fst-italic", "my-0", "w-25", "me-2");
+    linkElement.textContent = "Project Link";
+    linkElement.href = internship.link; 
+    linkElement.target = "_blank";
+    secondnewListItem.appendChild(linkElement);
+
+    newListItem.appendChild(secondnewListItem);
 
     let descriptionElement = document.createElement("p");
     descriptionElement.classList.add("text-sm", "p-0", "my-0", "justify-content");
@@ -137,18 +158,38 @@ function updateProjectList() {
   // Loop through each internship in the array
   for (let project of projects) {
     // Create new list item element
-    let newListItem = document.createElement("li");
+    let newListItem = document.createElement("div");
+    let firstnewListItem = document.createElement("div");
+    firstnewListItem.classList.add("d-flex", "justify-content-between",  "align-items-center");
+    let secondnewListItem = document.createElement("div");
+    secondnewListItem.classList.add("d-flex", "justify-content-between",  "align-items-center");
 
     // Create elements for title, description, and year with appropriate content
     let titleElement = document.createElement("p");
-    titleElement.classList.add("fw-bold", "my-0");
+    titleElement.classList.add("fw-bold", "my-0", "w-75");
     titleElement.textContent = project.title;
-    newListItem.appendChild(titleElement);
+    firstnewListItem.appendChild(titleElement);
 
     let yearElement = document.createElement("p");
-    yearElement.classList.add("text-sm-end", "fw-bold", "my-0");
+    yearElement.classList.add("text-sm-end", "fw-bold", "my-0", "w-25", "me-2");
     yearElement.textContent = project.year;
-    newListItem.appendChild(yearElement);
+    firstnewListItem.appendChild(yearElement);
+
+    newListItem.appendChild(firstnewListItem);
+
+    let infoElement = document.createElement("p");
+    infoElement.classList.add("text-sm", "fst-italic", "my-0", "w-75");
+    infoElement.textContent = project.info;
+    secondnewListItem.appendChild(infoElement);
+
+    let linkElement = document.createElement("a");
+    linkElement.classList.add("text-sm-end", "text-decoration-none", "fst-italic", "my-0", "w-25", "me-2");
+    linkElement.textContent = "Project Link";
+    linkElement.href = project.link; 
+    linkElement.target = "_blank";
+    secondnewListItem.appendChild(linkElement);
+
+    newListItem.appendChild(secondnewListItem);
 
     let descriptionElement = document.createElement("p");
     descriptionElement.classList.add("text-sm", "p-0", "my-0", "justify-content");
@@ -352,12 +393,15 @@ function generateCV() {
 
   //Internships
   document.getElementById("internTitleT").innerHTML = document.getElementById("internTitleF").value;
+  document.getElementById("internInfoT").innerHTML = document.getElementById("internInfoF").value;
   document.getElementById("interndescriptionT").innerHTML = document.getElementById("interndescriptionF").value;
   document.getElementById("interndescription2T").innerHTML = document.getElementById("interndescription2F").value;
   document.getElementById("yearinternT").innerHTML = document.getElementById("yearinternF").value;
 
   //projects
   document.getElementById("projectTitleT").innerHTML = document.getElementById("projectTitleF").value;
+  document.getElementById("projectInfoT").innerHTML = document.getElementById("projectInfoF").value;
+  document.getElementById("projectLinkT").innerHTML = document.getElementById("projectLinkF").value;
   document.getElementById("projectDescriptionT").innerHTML = document.getElementById("projectdescriptionF").value;
   document.getElementById("projectDescription2T").innerHTML = document.getElementById("projectdescription2F").value;
   document.getElementById("yearprojectT").innerHTML = document.getElementById("yearprojectF").value;