index.html

<!DOCTYPE html>
<html lang="en">

   <head>
      <meta charset="UTF-8">
      <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>Md Fahimul Kabir Chowdhury - Founder & CEO of Tech2etc</title>
      <meta name="description"
         content="Md Fahimul Kabir Chowdhury, Founder & CEO at Tech2 etc. A dedicated Web Developer, Entrepreneur, Content Creator, and YouTube Influencer from Bangladesh. Explore my professional portfolio and connect to collaboratively bring your digital vision to life." />
      <meta property="og:title" content="Md Fahimul Kabir Chowdhury - Founder & CEO of Tech2etc" />
      <meta property="og:description"
         content="Md Fahimul Kabir Chowdhury, who is the Founder & CEO at Tech2 etc. A passionate Web developer, Entrepreneur, Content Creator, YouTuber from Bangladesh. Explore my portfolio and let's connect and create together." />
      <meta property="og:type" content="profile" />
      <meta property="og:image" content="assets/users/md-fahimul-kabir-chowdhury.png" />
      <meta property="og:url" content="https://fahimulkabir.github.io/" />
      <link rel="stylesheet" href="style.css">
      <link rel="stylesheet" href="users/userstyle.css">
      <link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
   </head>

   <body>

      <header>
         <div class="obj-width">
            <a href="#" class="logo">Fahimul K.</a>

            <i class='bx bx-menu' id="bar"></i>

            <ul id="navbar">
               <li><a href="#">Home</a></li>
               <li><a href="#research">Research</a></li>
               <li><a href="#project">Projects</a></li>
               <li class="dropdown">
                  <a href="#">Courses<i class='bx bx-chevron-down'></i></a>
                  <ul class="dropdown-content">
                     <li><a href="https://courses.tech2etc.com/all-courses/" target="_blank">Free Courses</a></li>
                     <li><a href="https://www.udemy.com/user/md-fahimul-kabir-chowdhury/" target="_blank">Paid
                           Courses</a></li>
                  </ul>
               </li>
               <li><a id="w-btn" href="#"><i class='bx bx-user'></i></a></li>
            </ul>


         </div>
      </header>

      <main>

         <div class="headspace"></div>
   
         <div id="userDetails" class="obj-width">
            <!-- <div class="userHeader">
               <div class="userImage">
                  <img src="../images/users/user1.webp" alt="">
               </div>
               <div class="userName">
                  <h2>Jhon Doe</h2>
                  <p class="shortBio">Hey, I'm Web Developer, Roaming around Code and Philosophy! Founder & CEO at Tech2
                     etc. I like to learn about web as well mobile apps everyday! 😉😄</p>
   
                  <div class="userSocial">
                     <a href="#"><i class='bx bxs-envelope'></i></a>
                     <a href="#"><i class='bx bxl-facebook-square'></i></a>
                     <a href="#"><i class='bx bxl-twitter'></i></a>
                     <a href="#"><i class='bx bxl-linkedin-square'></i></a>
                     <a href="#"><i class='bx bxl-github'></i></a>
                  </div>
   
                  <div class="userProfession">
                     <div><span>Education</span>
                        <p>BSC In Computer Science & Engineering
                        </p>
                     </div>
   
                     <div><span>Work</span>
                        <p>Founder & CEO at Tech2 etc
                        </p>
                     </div>
                  </div>
               </div>
   
               <a href="" class="userConnect" id="g-btn">Connect</a>
            </div>
   
            <div class="userBreif">
               <div class="userBreifLeft">
                  <h3>Skills/Language 🤹‍♀️</h3>
                  <p>HTML, CSS, JavaScript, Bootstrap, Python, C, C++, Java, MySQL, PHP.</p>
   
                  <br>
                  <h3>Objective 📑</h3>
                  <p>Artemis I, formerly Exploration Mission-1,will be the first integrated flight test of NASA’s Deep
                     Space Exploration Systems: the Orion spacecraft, Space Launch System (SLS) rocket, with the newly
                     upgraded Exploration Ground Systems at Kennedy Space Center in Cape Canaveral, Florida. The primary
                     operations goal of the mission is to assure a safe crew module entry, descent, splashdown.</p>
               </div>
   
               <div class="userBreifRight">
                  <h3>Employment 👷‍♂️</h3>
   
                  <div>
                     <h4>Computer Graphic Designer - NVIDIA</h4>
                     <span>2017 - Present</span>
                     <ul>
                        <li>Manipulate and combine words, images, color, typography and sound in order to elicit emotions
                           and deliver messages to viewers.
                        </li>
                        <li>The presentation of information and images on a website is encompassed in multimedia design.
                        </li>
                        <li>Building up a great portfolio can be crucial to getting hired. Using completed school projects
                           is an easy way to flesh out your portfolio.
                        </li>
                     </ul>
                  </div>
   
                  <div>
                     <h4>Artificial Intelligence Developer - META</h4>
                     <span>2017 - Present</span>
                     <ul>
                        <li>Build AI functionality into software applications,” according to The Enterprisers Project.
                        </li>
                        <li>The role is generally focused on integrating and implementing AI algorithms and logic into the
                           deliverables of an IT project.
                        </li>
                        <li>Testing different AI model.
                        </li>
                     </ul>
                  </div>
   
                  <h3>Recent Contribution 🤯</h3>
   
                  <div>
                     <ul class="contribution">
                        <a href="#">Artemis I, formerly Exploration Mission-1,</a>
                        <a href="#">Artemis I, formerly Exploration Mission-1,</a>
                        <a href="#">Artemis I, formerly Exploration Mission-1,</a>
                     </ul>
                  </div>
   
               </div>
   
            </div> -->
         </div>

      </main>

      <footer class="footer">
         <div class="obj-width">
            <div class="top">
               <div>
                  <a href="#" class="logo">Fahimul K.</a>
                  <p>All open source projects at one place.</p>
               </div>
               <div>
                  <a href="https://www.facebook.com/mdfahimulkabir" target="_blank">
                     <i class='bx bxl-facebook-square'></i>
                  </a>
                  <a href="https://www.instagram.com/fahimulkabir.tech2etc/" target="_blank">
                     <i class='bx bxl-instagram-alt'></i>
                  </a>
                  <a href="https://www.github.com/fahimulkabir" target="_blank">
                     <i class='bx bxl-github'></i>
                  </a>
                  <a href="https://www.linkedin.com/in/fahimulkabirchowdhury/" target="_blank">
                     <i class='bx bxl-linkedin-square'></i>
                  </a>
               </div>
            </div>

            <div class="bottom">
               <div>
                  <h3>Project</h4>
                     <a href="https://www.youtube.com/@Tech2etc/videos" target="_blank">Current Project</a>
                     <a href="https://www.youtube.com/playlist?list=PL9bD98LkBR7PiaJM56jgopq7mn9L3nDug"
                        target="_blank">Web Development</a>
                     <a href="https://www.youtube.com/playlist?list=PL9bD98LkBR7P16BndaNtP4x6Wf5Ib85Hm"
                        target="_blank">JavaScript</a>
                     <a href="https://www.youtube.com/playlist?list=PL9bD98LkBR7MiD-jeRLfaakke09zYSXrD"
                        target="_blank">Python</a>
               </div>
               <div>
                  <h3>Community</h3>
                  <a href="https://www.github.com/fahimulkabir" target="_blank">GitHub</a>
                  <a href="https://www.facebook.com/groups/htmlcssjavascriptpython" target="_blank">Facebook Group</a>
                  <a href="https://www.linkedin.com/groups/14295322/" target="_blank">Linkedin Group</a>
                  <a href="https://www.discord.gg/C58ZQAk2DE" target="_blank">Discord</a>
               </div>
               <div>
                  <h3>Help</h3>
                  <a href="#">Support</a>
                  <a href="https://www.buymeacoffee.com/tech2etc" target="_blank">Source Code</a>
                  <a href="https://tech2etc.com/contact/" target="_blank">Contact Us</a>
               </div>
               <div>
                  <h3>Others</h3>
                  <a href="https://tech2etc.com/terms-conditions/" target="_blank">Terms of Service</a>
                  <a href="https://tech2etc.com/privacy-policy/" target="_blank">Privacy Policy</a>
                  <a href="https://tech2etc.com/faq/" target="_blank">FAQs</a>
               </div>
            </div>
         </div>
      </footer>

      <script>
         document.addEventListener("DOMContentLoaded", () => {

            const urlParams = new URLSearchParams(window.location.search);
            //const index = urlParams.get("id");

            const user = jCategory[0];

            const jobDetailsContainer = document.getElementById("userDetails");
            jobDetailsContainer.innerHTML = `


            <div class="userHeader">
            <div class="userImage">
               <img src=${user.userImage} alt=${user.userAlt}>
            </div>
            <div class="userName">
               <h1>${user.userName}</h1>
               <p class="shortBio">${user.shortBio}</p>

               <div class="userSocial">
                  <a href=${user.email} target="__blank__"><i class='bx bxs-envelope'></i></a>
                  <a href=${user.facebook} target="__blank__"><i class='bx bxl-facebook-square'></i></a>
                  <a href=${user.twiter} target="__blank__"><i class='bx bxl-twitter'></i></a>
                  <a href=${user.linkedin} target="__blank__"><i class='bx bxl-linkedin-square'></i></a>
                  <a href=${user.github} target="__blank__"><i class='bx bxl-github'></i></a>
               </div>

               <div class="userProfession">
                  <div><span>Education</span>
                     <p>${user.edu}</p>
                  </div>

                  <div><span>Work</span>
                     <p>${user.work}</p>
                  </div>
               </div>
            </div>

            <a href="assets/Md Fahimul Kabir Chowdhury(Resume).pdf" target="__blank__" class="userConnect" id="g-btn">Resume</a>
         </div>

         <div class="userBreif">
            <div class="userBreifLeft">
               <h2>Working With 🤹‍♀️</h2>
               <p>${user.skills}</p>

               <br>
               <h2>About Me 📑</h2>
               <p>${user.breifBio}</p>
            </div>

            <div class="userBreifRight">
               <div class="section">
                  <h2>Employment 👷‍♂️</h2>

                  <div id="subDiv">
                     ${user.position1}
                  </div>

                  <div id="subDiv">
                     ${user.position2}
                  </div>

                  <div id="subDiv">
                     ${user.position3}
                  </div>

                  <div id="subDiv">
                     ${user.position4}
                  </div>

                  <div id="subDiv">
                     ${user.pastJ1}
                  </div>

                  <div id="subDiv">
                     ${user.pastJ2}
                  </div>
               </div>

               <div id="research" class="section">
                  <h2>Research Experience 🧪</h2>

                  <div id="subDiv">
                     ${user.researchExp}
                  </div>
                  
               </div>

               <div class="section">
                  <h2>Publications 📰</h2>

                  <div id="subDiv">
                     ${user.researchPub}
                  </div>
              
                  <h2>Research Interest</h2>

                  <div id="subDiv">
                     ${user.reInterest}
                  </div>
               </div>

               <div id="project" class="section">
                  <h2>Recent Projects 🤯</h2>

                  <div>
                     <ul class="contribution">
                        ${user.contribution}
                     </ul>
                  </div>
               </div>
               
            
            
            
            </div>

         </div>             
              
`;
         });
      </script>

      <script src="profileInfo.js"></script>
      <script src="script.js"></script>

   </body>

</html>