diff --git a/Resume.Blazor/Components/ItemTemplate/ProjectItemTemplate.razor b/Resume.Blazor/Components/ItemTemplate/ProjectItemTemplate.razor
index 131d574..98d4fb7 100644
--- a/Resume.Blazor/Components/ItemTemplate/ProjectItemTemplate.razor
+++ b/Resume.Blazor/Components/ItemTemplate/ProjectItemTemplate.razor
@@ -3,12 +3,12 @@
     <MudCardContent>
 
         <MudStack Justify="Justify.SpaceBetween">
-            @* <Video Source="@VideoSrc" Poster="@ImageSrc"></Video> *@
+            <Video Source="@VideoSrc" pre Poster="@ImageSrc"></Video>
 
-            <video controls preload="none"  poster="@ImageSrc">
+            @* <video controls preload="none"  poster="@ImageSrc">
                 <source src="@VideoSrc" type="video/mp4">
                 Your browser does not support the video tag.
-            </video>
+            </video> *@
             
 
             @*<MudImage Src="@ImageSrc" ObjectFit="ObjectFit.Cover" Class="rounded-lg" />
diff --git a/Resume.Blazor/Pages/Index.razor b/Resume.Blazor/Pages/Index.razor
index 66e596c..90297ea 100644
--- a/Resume.Blazor/Pages/Index.razor
+++ b/Resume.Blazor/Pages/Index.razor
@@ -17,15 +17,19 @@
 to-violet-500">
                     Software Engineer
                 </MudText>
+                <p class="mb-4 text-justify">
+                    About me: I am a video editor and motion graphic designer with over 5 years of work experience. My educational background is in computer engineering, specializing in information technology. I am passionate about creating clips, teasers, and captivating motion graphics. Over these years, I've participated in various projects, collaborating with diverse teams, and have been able to enhance my personal skills. Moving forward, I will introduce my professional and personal capabilities more comprehensively.
+                </p>
                 <div class="h-[0.1rem] bg-white opacity-10"></div>
                 <p class="my-5 text-gray-400">Contact Info</p>
+                
 
-                <ContactInfoItemTemplate Title="Email" Detail="avvampier@gmail.com" SvgPath="M8.33325 8.33329H1.66659C1.20635 8.33329 0.833252 7.9602 0.833252 7.49996V2.46371C0.852672 2.01769 1.22014
+                <ContactInfoItemTemplate Title="Email" Detail="hes.mas2248@gmail.com" SvgPath="M8.33325 8.33329H1.66659C1.20635 8.33329 0.833252 7.9602 0.833252 7.49996V2.46371C0.852672 2.01769 1.22014
 1.6662 1.66659 1.66663H8.33325C8.79349 1.66663 9.16659 2.03972 9.16659 2.49996V7.49996C9.16659 7.9602 8.79349 8.33329
 8.33325 8.33329ZM1.66659 3.27829V7.49996H8.33325V3.27829L4.99992 5.49996L1.66659 3.27829ZM1.99992 2.49996L4.99992
 4.49996L7.99992 2.49996H1.99992Z" />
 
-                <ContactInfoItemTemplate Title="Phone" Detail="(+98) 921 480 2813" SvgPath="M7.9157 8.33329C4.36086 8.33833 1.66295 5.60808 1.66675 2.08434C1.66675 1.85422 1.8533 1.66663 2.08342
+                <ContactInfoItemTemplate Title="Phone" Detail="(+98) 901 309 9752" SvgPath="M7.9157 8.33329C4.36086 8.33833 1.66295 5.60808 1.66675 2.08434C1.66675 1.85422 1.8533 1.66663 2.08342
 1.66663H3.18315C3.38964 1.66663 3.56505 1.81835 3.59537 2.0226C3.66804 2.51212 3.81057 2.9887 4.01862 3.43775L4.06143
 3.53017C4.12097 3.65867 4.08061 3.81135 3.96536 3.89366C3.62479 4.13687 3.49463 4.62644 3.75995 5.00844C4.09291 5.48781
 4.5126 5.90742 4.99186 6.24022C5.37384 6.50546 5.86333 6.37532 6.10654 6.03481C6.1889 5.9195 6.34167 5.87913 6.47025
@@ -33,7 +37,7 @@ to-violet-500">
 6.81674V7.91662C8.33341 8.14674 8.14641 8.33328 7.91629 8.33328L7.9157 8.33329Z" />
 
 
-                <ContactInfoItemTemplate Title="Address" Detail="Tehran" SvgPath="M4.99992 8.74996C4.47364 8.30106 3.98583 7.80893 3.54159 7.27871C2.87492 6.48246 2.08325 5.29663 2.08325
+                <ContactInfoItemTemplate Title="Address" Detail="Iran, Tehran, Aghdasie" SvgPath="M4.99992 8.74996C4.47364 8.30106 3.98583 7.80893 3.54159 7.27871C2.87492 6.48246 2.08325 5.29663 2.08325
 4.16663C2.08266 2.98644 2.79336 1.92221 3.8837 1.47054C4.97404 1.01888 6.22911 1.26881 7.06325 2.10371C7.61178 2.6498
 7.91905 3.39262 7.9166 4.16663C7.9166 5.29663 7.12492 6.48246 6.45825 7.27871C6.01401 7.80893 5.5262 8.30106 4.99992
 8.74996ZM4.99992 2.91663C4.55334 2.91663 4.14068 3.15488 3.91739 3.54163C3.6941 3.92838 3.6941 4.40488 3.91739
@@ -43,7 +47,7 @@ to-violet-500">
                 <div class="h-[0.1rem] bg-white opacity-10"></div>
                 <p class="my-5 text-gray-400">Socials</p>
 
-                <a href="instagram.com/mr.mohande3">
+                <a href="https://Instagram.com/hesamit97">
                     <div class="flex flex-row my-5">
                         <div>
                             <svg width="40" height="40" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg">
@@ -93,12 +97,12 @@ to-violet-500">
                         </div>
                         <div class="mx-4">
                             <p class="text-gray-400 text-sm -mb-1">Instagram</p>
-                            <a class="text-white -mt-1" href="instagram.com/mr.mohande3">mr.mohande3</a>
+                            <a class="text-white -mt-1" href="instagram.com/mr.mohande3">hesamit97</a>
                         </div>
                     </div>
                 </a>
 
-                <a href="instagram.com/mr.mohande3">
+                @* <a href="https://Instagram.com/hesamit97">
                     <div class="flex flex-row my-5">
                         <div class="p-1 bg-[#00ACEE] my-auto rounded-full">
 
@@ -108,12 +112,12 @@ to-violet-500">
                         </div>
                         <div class="mx-4">
                             <p class="text-gray-400 text-sm -mb-1">Twitter</p>
-                            <a class="text-white">Amir Hossein Khademi</a>
+                            <a class="text-white">Hesam Masoumi</a>
                         </div>
                     </div>
-                </a>
+                </a> *@
 
-                <a target="_blank" href="https://instagram.com/mr.mohande3">
+                <a target="_blank" href="https://instagram.com/hesamit97">
                     <div class="flex flex-row my-5">
                         <div class="p-1 bg-[#0077B5] my-auto rounded-full">
 
@@ -123,7 +127,7 @@ to-violet-500">
                         </div>
                         <div class="mx-4">
                             <p class="text-gray-400 text-sm -mb-1">Linkdin</p>
-                            <a class="text-white -mt-1">mrmohande3</a>
+                            <a class="text-white -mt-1">hesamit97</a>
                         </div>
                     </div>
                 </a>
@@ -143,16 +147,45 @@ to-violet-500">
 
                     <MudItem sm="6">
 
-                        <ExperienceItemTemplate Period="April 2018 - Now"
-                                                Feilds="@(new string[] {"Co-Founder" , "Senior .Net Developer"})" HasLeftBorder="true"
-                                                ImageSrc="../assets/images/vnfLogo.png" CompanyName="Vira Nasir Fanafar"
-                                                Detail="Since 2018, with the start of startup activity , we introduce our brand , Vira Nasr Fanavar and I have been responsible as Co-Founder , senior .Net Developer of projects." />
+                        <ExperienceItemTemplate Period="October 2020 - Now"
+                                                Feilds="@(new string[] {"Editor" , "Motion Graphics" , "Videography"})" HasLeftBorder="true"
+                                                ImageSrc="https://s3.ir-thr-at1.arvanstorage.ir/resume-contents/Images/Icones/Experience/Kelid%20Studio.png" 
+                                                CompanyName="Kelid Studio"
+                                                Detail="Since October 2020, I've also been actively working at Kelid Studio as a specialist in editing, motion graphics, and videography within the production team. This engagement continues to date." />
                     </MudItem>
 
                     <MudItem sm="6">
-                        <ExperienceItemTemplate Period="June 2019 - Now" Feilds="@(new string[] {"Scrum Master"})"
-                                                ImageSrc="../assets/images/mucutLogo.png" HasLeftBorder="false" CompanyName="Sahand Company"
-                                                Detail="Since 2020, I have been working as a Scrum Master in Sahand company, while also developing and implementing the idea of a startup called Mokat. I gained valuable experiences in development, implementation, and team building." />
+                        <ExperienceItemTemplate Period="February 2020 - October 2020" Feilds="@(new string[] {"Editor" , "Motion Graphics"})"
+                                                ImageSrc="https://s3.ir-thr-at1.arvanstorage.ir/resume-contents/Images/Icones/Experience/Fekrane%20Media.png" 
+                                                HasLeftBorder="false"
+                                                CompanyName="Fekraneh Media"
+                                                Detail="Since February 2020, I have been working as a video editing and motion graphics specialist at the Fekraneh Media." />
+                    </MudItem>
+                    
+                    <MudItem sm="6">
+                        <ExperienceItemTemplate Period="September 2019 - January 2020"
+                                                Feilds="@(new string[] {"Editor"})"
+                                                ImageSrc="https://s3.ir-thr-at1.arvanstorage.ir/resume-contents/Images/Icones/Experience/Daneshjoo.png" 
+                                                CompanyName="Student News Network"
+                                                Detail="Since September 2019, due to the transfer of the socio-political working group team from Nasim Online News Agency to Student News Network Agency, I had to change my workplace. There, I continued my work as a video editor." />
+                    </MudItem>
+
+                    <MudItem sm="6">
+                        <ExperienceItemTemplate Period="June 2019 - September 2019"
+                                                Feilds="@(new string[] {"Editor"})"
+                                                ImageSrc="https://s3.ir-thr-at1.arvanstorage.ir/resume-contents/Images/Icones/Experience/Nasim%20Online.png"
+                                                HasLeftBorder="false"
+                                                CompanyName="Nasim Online News"
+                                                Detail="From June 2019, I worked as a video editor for the socio-political working group team at Nasim Online News Agency on a project basis." />
+                    </MudItem>
+
+
+                    <MudItem sm="6">
+                        <ExperienceItemTemplate Period="June 2017 - September 2019"
+                                                Feilds="@(new string[] {"Editor" , "Motion Graphics"})"
+                                                ImageSrc="https://s3.ir-thr-at1.arvanstorage.ir/resume-contents/Images/Icones/Experience/Blue%20Window.png"
+                                                CompanyName="Panjere Abi Copmany"
+                                                Detail="Since July 2017, when I began my activity in video editing and motion graphics, I started as an intern at Panjere Abi Company. After 6 months, I joined the company as one of their team members." />
                     </MudItem>
 
                 </MudGrid>
diff --git a/Resume.Blazor/Program.cs b/Resume.Blazor/Program.cs
index bd8ca15..4135529 100644
--- a/Resume.Blazor/Program.cs
+++ b/Resume.Blazor/Program.cs
@@ -3,14 +3,19 @@ using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
 using Resume.Blazor;
 using MudBlazor.Services;
 using Blazorise;
+using Blazorise.Bootstrap;
+using Blazorise.Icons.FontAwesome;
 
 var builder = WebAssemblyHostBuilder.CreateDefault(args);
 builder.RootComponents.Add<App>("#app");
 builder.RootComponents.Add<HeadOutlet>("head::after");
-builder.Services.AddBlazorise(options =>
+builder.Services
+    .AddBlazorise(options =>
     {
         options.Immediate = true;
-    });
+    })
+    .AddBootstrapProviders()
+    .AddFontAwesomeIcons();
 builder.Services.AddMudServices();
 builder.Services.AddScoped(sp => new HttpClient { BaseAddress = new Uri(builder.HostEnvironment.BaseAddress) });
 
diff --git a/Resume.Blazor/Resume.Blazor.csproj b/Resume.Blazor/Resume.Blazor.csproj
index 25f4307..d2495a1 100644
--- a/Resume.Blazor/Resume.Blazor.csproj
+++ b/Resume.Blazor/Resume.Blazor.csproj
@@ -9,6 +9,8 @@
   </PropertyGroup>
 
   <ItemGroup>
+    <PackageReference Include="Blazorise.Bootstrap" Version="1.3.3" />
+    <PackageReference Include="Blazorise.Icons.FontAwesome" Version="1.3.3" />
     <PackageReference Include="Blazorise.Video" Version="1.3.3" />
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly" Version="8.0.0" /> 
     <PackageReference Include="Microsoft.AspNetCore.Components.WebAssembly.DevServer" Version="8.0.0" PrivateAssets="all" />
diff --git a/Resume.Blazor/wwwroot/css/app.output.css b/Resume.Blazor/wwwroot/css/app.output.css
index b47b09a..65f7b26 100644
--- a/Resume.Blazor/wwwroot/css/app.output.css
+++ b/Resume.Blazor/wwwroot/css/app.output.css
@@ -926,10 +926,6 @@ video {
   padding-top: 1.25rem;
 }
 
-.pt-3 {
-  padding-top: 0.75rem;
-}
-
 .text-center {
   text-align: center;
 }
diff --git a/Resume.Blazor/wwwroot/index.html b/Resume.Blazor/wwwroot/index.html
index 76c0626..24f90c2 100644
--- a/Resume.Blazor/wwwroot/index.html
+++ b/Resume.Blazor/wwwroot/index.html
@@ -18,6 +18,12 @@
     <meta name="twitter:url" content="https://mucut.ir">
     <meta name="twitter:card" content="summary_large_image">
 
+    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/css/bootstrap.min.css" integrity="sha384-zCbKRCUGaJDkqS1kPbPd7TveP5iyJE0EjAuZQTgFLD2ylzuqKfdKlfG/eSrtxUkn" crossorigin="anonymous">
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css">
+
+    <link href="_content/Blazorise/blazorise.css" rel="stylesheet" />
+    <link href="_content/Blazorise.Bootstrap/blazorise.bootstrap.css" rel="stylesheet" />
+
 
     <script src="https://cdn.tailwindcss.com"></script>
     <link rel="icon" type="image/png" href="favicon.png" />
@@ -47,6 +53,9 @@
     <script src="_framework/blazor.webassembly.js"></script>
     <script>navigator.serviceWorker.register('service-worker.js');</script>
     <script src="_content/MudBlazor/MudBlazor.min.js"></script>
+<script src="https://cdn.jsdelivr.net/npm/jquery@3.5.1/dist/jquery.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.6.1/dist/js/bootstrap.min.js" integrity="sha384-VHvPCCyXqtD5DqJeNxl2dtTyhF78xXNXdkwX1CZeRusQfRKp+tA7hAShOK/B/fQ2" crossorigin="anonymous"></script>
 </body>
 
 </html>