Create Online Resume using HTML


Step-1

Create a page called Online Resume

Step-2

Create a static Region called Online Resume

in source HTML Code write the following code:


<div class="container-fluid cv-page">

  <div class="row">

    <div class="col-4">

      <section class="section__left">

        <article class="avatar">

          <div class="frame"></div>

          <div class="image">

            <img src="#APP_FILES#Nasim Vai.jpg">

          </div>

        </article>

        <article class="info">

          <p class="name">Nur Nabi Nasim Ahmed</p>

          <p class="role">Full Stack Developer (Oracle)</p>

        </article>

        <article class="contact">

          <h2 class="title">Contact</h2>

          <ul class="content-info">

            <li><strong>D.</strong>March 11, 1992</li>

            <li><strong>T.</strong>0145852646</li>

            <li><strong>M.</strong>nkhan@gmail.com</li>

            <li><strong>L.</strong>Dhaka, Bangladesh</li>

            <li><strong>P.</strong><a href="https://www.linkedin.com/in/nur-nabi-nasim-ahmed-a7121a14/">linkedin.com/in/nasimahmed</a>

            </li>

          </ul>

        </article>

        <article class="skills">

          <h2 class="title">Skills</h2>

          <div class="content-info">


            <ul class="list-item">

              <li class="item">HTML(5)</li>

              <li class="item">CSS(3)</li>

              <li class="item">JavaScript/Jquery</li>

              <li class="item">VueJS</li>

              <li class="item">NativeScript</li>

              <li class="item">Vuex</li>

              <li class="item">NuxtJS</li>

              <li class="item">Sass/LESS</li>

               <li class="item">Handlebar</li>

              <li class="item">Gulp</li>

              <li class="item">RESTful API</li>

              <li class="item">Firebase</li>

              <li class="item">UI/UX</li>

            </ul>

          </div>

        </article>

        <article class="skills">

          <h2 class="title">Other Skills</h2>

          <div class="content-info">

            <ul class="list-item">

              <li class="item">Time Management</li>

              <li class="item">Communication</li>

              <li class="item">Self Study</li>

              <li class="item">Teamwork</li>

            </ul>

          </div>

        </article>

        <article class="hobbies">

          <h2 class="title">Hobbies and interests</h2>

          <div class="content-info">

            <ul class="list-item">

              <li class="item">Cooking</li>

              <li class="item">Running</li>

              <li class="item">Traveling</li>

            </ul>

          </div>

        </article>

        <article class="education">

          <h2 class="title">Education</h2>

          <ul class="content-info">

            <li>

              <h3 class="main-text">Software Engineering </h3>

            </li>

            <li>

              <div class="mt-4">at Ahsanullah University - Bachelor's Degree ( 1995-1999 )</div>

            </li>

          </ul>

        </article>

        <article class="additional-info">

          <h2 class="title">Languages</h2>

          <div class="content-info">

            <ul>

              <li>- English</li>

              <li>- Bengali (Basic)</li>

            </ul>

          </div>

        </article>

        <article class="additional-info">

          <h2 class="title">Youtube Channel</h2>

          <div class="content-info">

            <ul>

              <li><a href="https://www.youtube.com/@LearnOracle21">https://www.youtube.com/@LearnOracle21</a></li>

              <li><a></a></li>

            </ul>

          </div>

        </article>

      </section>

    </div>

    <div class="col-8">

      <section class="section__right">

        <article class="objective">

          <h2 class="title">Objective</h2>

          <p class="content-info">I’m a Front End Developer with 5 years experience building and maintaining responsive websites and applications. I specialize in HTML(5), CSS(3),

            JavaScript, jQuery, Bootstrap, Sass/Less, Vuejs. I have good attitude, hard-working and non-stop effort. I can fast integrate and complete tasks on schedule. I want to work in a professional environment, respectful and improve my skills, experiences.</p>

        </article>


        <article class="technical">

          <h2 class="title">TECHNICAL</h2>

          <div class="content-info">

            <h4 class="subtitle">Development</h4>

            <ul class="list-tech">

              <li>HTML(5), CSS(3)</li>

              <li>JavaScript (ES6),JQuery, VueJS, Vuex, Nuxtjs, NativeScript Vue, React Native,</li>

              <li><b>CSS Frameworks:</b> Bootstrap, Material UI, Tailwind CSS...</li>

              <li>Platform: Netlify</li>

              <li><b>UI library:</b> Element UI, Kendo UI, Telerik</li>

              <li><b>Preprocessors:</b> SASS, LESS</li>

              <li><b>Templating Engines:</b> Handlebar</li>

              <li><b>Database:</b> SQL, Firebase</li>

              <li><b>Web service:</b> RESTful API.</li>

              <li>Responsive Design</li>

              <li>Cross Browser Development</li>

              <li>Good knowledge of UI/UX design</li>

            </ul>


            <h4 class="subtitle">Tools</h4>

            <ul class="list-tech">

              <li><b>Code editor:</b> Visual Studio Code, Sublime Text, Atom, Visual Studio</li>

              <li><b>Version control system:</b> Git, Gitlab, Bitbucket, Source Tree, SVN, TFS</li>

              <li><b>Other:</b> Sketch</li>

            </ul>

          </div>

        </article>


        <article class="experience">

          <h2 class="title">Experience</h2>

          <div class="content-info">

            <div class="experience__item">

              <h3 class="experience__role"><span class="experience__time">Jul 2020 - Current</span></h3>

              <span class="experience__company">AK Khan Group</span>

              <ul class="experience__responsibilities">

                <li>Working with the project mobiles: NativeScript, React Native</li>

                <li>Implement mobile design systems by NativeScript + VueJS</li>

                <li>Support other projects</li>

              </ul>

            </div>

            <div class="experience__item">

              <h3 class="experience__role"><span class="experience__time">Oct 2019 - Jun 2020</span></h3>

              <span class="experience__company">FPT Software</span>

              <ul class="experience__responsibilities">

                <li>Working in the project Senmonten(AK Group). Store management system</li>

                <li>Implement core FE by Vuejs/HTML/CSS/JS. Implement functions business.</li>

                <li>Support and provide solutions, detect issues about FE</li>

                <li>Training for trainees about technical and process</li>

              </ul>

            </div>

            <div class="experience__item">

              <h3 class="experience__role">Front-End Developer<span class="experience__time">Sep 2015 - Mar 2019</span></h3>

              <span class="experience__company">Saffap IT Solution</span>

              <ul class="experience__responsibilities">

                <li>Responsible for implementing UI based on pixel perfect design.</li>

                <li>Building Design Language System using VueJS, HTML, CSS, Javascript, Jquery. Customize controls of KendoUI, Telerik.</li>

                <li>Recommending solutions for a streamlined, user-friendly interface with the design team.</li>

                <li>Performing bug fixes and code reviews.</li>

                <li>Implement and making prototype new features and interactions, then build, test and ship them in products.</li>

                <li>Supporting .NET developers to create new features, functionality.</li>

              </ul>

            </div>

            <div class="experience__item">

              <h3 class="experience__role">Front-End Developer<span class="experience__time">Jan 2015 - Aug 2015</span></h3>

              <span class="experience__company">Learn Oracle Software Inc</span>

              <ul class="experience__responsibilities">

                <li>Responsible for implementing UI based on mock up design.</li>

                <li>Making prototype new features and interactions.</li>

                <li>Supporting .NET developers to create new features, functionality</li>

                <li>Work together with designers, QAs to discuss and find solutions.</li>

              </ul>

            </div>

          </div>

        </article>

      </section>

    </div>

  </div>

  <footer>

  </footer>

</div>


Step-3


Save and run the page


Step-4 


now go to employee list page and connect this online resume to that employee report as a link


Step-5


Save and run the page


Step-6

Click the link and see the output


Enjoy!!!


Comments

Post a Comment

Popular posts from this blog

Image
  Jasper Server and studio complete installation step by step   Step -1   Download 1. jaspersoft studio 2. jasperserver from official TIBCO website   Step-2   Install jaspersoft studio Install jasperserver   Step 3   Jasper Report Integration   First Check your System Environment Variable (For Windows same as linux)   Right clock on: This PC/My Computer icon ->Properties ->Advance System ->Advance ->Environment Variable ->System Variable ->select Path ->edit ->new ->C:\Windows\SysWOW64 ->move up under C:\Windows\System32 position ->apply ok ->ok   Install JDK latest version (if not installed)   again add jre path to environment variable   Right clock on: This PC/My Computer icon ->Properties ->Advance System ->Advance ->Environment Variable ->System Variable ->select Path ->edit -...
Read more

Oracle apex login page beautification Tutorial

Image
  Oracle apex login page beautification Tutorial Script: 1. First create or modify your login page 2. Change login page template as go to page level property -> Appearance -> Template Options -> set template page layout as split 3. Download a background image from freepik.com 4. upload this background image in your apex application shared folder: 4. Add the below javascript code to your login page -> page level -> inline -> paste the code Javascript code: .t-PageBody--login form#wwvFlowForm{ background:url( #WORKSPACE_FILES #Capture.jpg); background-repeat:no-repeat; background-Size:cover; } Span.t-Login-logo{ background-image : url( #WORKSPACE_FILES #logo_learn_oracle.png); background-Size :cover; width :75px; height :75px; } .t-Login-region{ position:relative; width:400px; --height:300px; margin:0Auto; background:rgba(165, 145, 145, 0.3); padding:20px 22px; border:1px solid; border-top-color: #fbce4a ; border-l...
Read more
  Manual Scrollable Master Detail Page in Oracle Apex part-1 Step -1 create a page classic Report Page (All Employees) using this sql query : select aa.ID, aa.FAST_NAME||' '||aa.MNAME||' '||aa.LNAME "Full Name", aa.FATHER_NAME, aa.MOTHER_NAME, aa.JOINING_DATE, aa.NID, AA.TIN, aa.EMAIL, aa.PASSPORT, aa.MOBILE, (SELECT CASE WHEN NVL (DBMS_LOB.getlength (EMPLOYEE_IMAGE), 0) = 0 THEN NULL ELSE '<img width="80px" src="' || APEX_UTIL. get_blob_file_src ('P16_EMPLOYEE_IMAGE', ID) || '" />' END FROM EMPLOYEE_BASIC where id=aa.id) AS PICTURE from EMPLOYEE_BASIC aa Step-3 add a button called CREATE as level (New Employee) In Button Behaviour property redirect this page to form page (Page 23). Step-4 In form Page: *in ...
Read more