Skip to content

24wania/Portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

3 Commits
 
 
 
 
 
 

Repository files navigation

index.html.html

<title>Wania Younas - Graphic Designer Portfolio</title>
Loading...
Wania Younas

Wania Younas

Graphic Designer, Logo Creator, Brand Identity Specialist, Creative Artist
  <div class="col-lg-8">
    <!-- About Start -->
    <section class="py-5 border-bottom wow fadeInUp" data-wow-delay="0.1s">
      <h1 class="title pb-3 mb-5">About Me</h1>
      <p>
        I am <strong>Wania Younas</strong>, a passionate and creative <strong>Graphic Designer</strong> with over four years of experience in digital design, branding, and visual communication. My journey includes hands-on experience at <strong>Bricklay Software House</strong> and <strong>Reliance Industries</strong>, where I worked on diverse projects such as logo design, social media campaigns, and UI mockups. I’m dedicated to crafting designs that connect brands with their audiences through creativity and strategy.
      </p>

      <div class="row mb-4">
        <div class="col-sm-6 py-1">
          <span class="fw-medium text-primary">Name:</span> Wania Younas
        </div>
        <div class="col-sm-6 py-1">
          <span class="fw-medium text-primary">Experience:</span> 4 Years
        </div>
        <div class="col-sm-6 py-1">
          <span class="fw-medium text-primary">Email:</span> waniayounas15@gmail.com
        </div>
        <div class="col-sm-6 py-1">
          <span class="fw-medium text-primary">Phone:</span> +92 326 1785047
        </div>
        <div class="col-sm-6 py-1">
          <span class="fw-medium text-primary">Address:</span> Faisalabad, Pakistan
        </div>
        <div class="col-sm-6 py-1">
          <span class="fw-medium text-primary">Freelance:</span> Available
        </div>
      </div>
    </section>
    <!-- About End -->

    <!-- Education Start -->
    <section class="py-5 border-bottom wow fadeInUp" data-wow-delay="0.1s">
      <h1 class="title pb-3 mb-5">Education</h1>
      <div class="border-start border-2 border-light pt-2 ps-5">
        <div class="position-relative mb-4">
          <span class="bi bi-arrow-right fs-4 text-light position-absolute" style="top:-5px; left:-50px;"></span>
          <h5 class="mb-1">Matric in Science</h5>
          <p class="mb-2"><em>The Elite Cadet College, Gojra | 2017-2019</em></p>
        </div>
        <div class="position-relative mb-4">
          <span class="bi bi-arrow-right fs-4 text-light position-absolute" style="top:-5px; left:-50px;"></span>
          <h5 class="mb-1">FSC in Medical</h5>
          <p class="mb-2"><em>Govt. College, Gojra | 2019-2021</em></p>
        </div>
        <div class="position-relative mb-4">
          <span class="bi bi-arrow-right fs-4 text-light position-absolute" style="top:-5px; left:-50px;"></span>
          <h5 class="mb-1">BS in Management & Technology</h5>
          <p class="mb-2"><em>UMT Lahore | Ongoing</em></p>
        </div>
      </div>
    </section>
    <!-- Education End -->

    <!-- Skills Start -->
    <section class="py-5 border-bottom wow fadeInUp" data-wow-delay="0.1s">
      <h1 class="title pb-3 mb-5">Skills</h1>
      <div class="row">
        <div class="col-sm-6">
          <div class="skill mb-4">
            <div class="d-flex justify-content-between">
              <p class="mb-2">Adobe Photoshop</p>
              <p class="mb-2">95%</p>
            </div>
            <div class="progress">
              <div class="progress-bar bg-primary" style="width:95%"></div>
            </div>
          </div>
          <div class="skill mb-4">
            <div class="d-flex justify-content-between">
              <p class="mb-2">Adobe Illustrator</p>
              <p class="mb-2">90%</p>
            </div>
            <div class="progress">
              <div class="progress-bar bg-warning" style="width:90%"></div>
            </div>
          </div>
          <div class="skill mb-4">
            <div class="d-flex justify-content-between">
              <p class="mb-2">Canva</p>
              <p class="mb-2">85%</p>
            </div>
            <div class="progress">
              <div class="progress-bar bg-success" style="width:85%"></div>
            </div>
          </div>
        </div>
        <div class="col-sm-6">
          <div class="skill mb-4">
            <div class="d-flex justify-content-between">
              <p class="mb-2">UI/UX Design</p>
              <p class="mb-2">80%</p>
            </div>
            <div class="progress">
              <div class="progress-bar bg-danger" style="width:80%"></div>
            </div>
          </div>
          <div class="skill mb-4">
            <div class="d-flex justify-content-between">
              <p class="mb-2">Branding & Logo Design</p>
              <p class="mb-2">95%</p>
            </div>
            <div class="progress">
              <div class="progress-bar bg-info" style="width:95%"></div>
            </div>
          </div>
          <div class="skill mb-4">
            <div class="d-flex justify-content-between">
              <p class="mb-2">Social Media Design</p>
              <p class="mb-2">90%</p>
            </div>
            <div class="progress">
              <div class="progress-bar bg-primary" style="width:90%"></div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- Skills End -->

    <!-- Experience Start -->
    <section class="py-5 border-bottom wow fadeInUp" data-wow-delay="0.1s">
      <h1 class="title pb-3 mb-5">Experience</h1>
      <div class="border-start border-2 border-light pt-2 ps-5">
        <div class="position-relative mb-4">
          <span class="bi bi-arrow-right fs-4 text-light position-absolute" style="top:-5px; left:-50px;"></span>
          <h5 class="mb-1">Graphic Designer</h5>
          <p class="mb-2">Freelance | <small>2020-Present</small></p>
          <p>Creating unique visual designs, branding, and digital graphics for clients globally. Projects include logo design, product packaging, and social media marketing materials.</p>
        </div>
        <div class="position-relative mb-4">
          <span class="bi bi-arrow-right fs-4 text-light position-absolute" style="top:-5px; left:-50px;"></span>
          <h5 class="mb-1">Graphic Design Intern</h5>
          <p class="mb-2">Bricklay Software House, Faisalabad | <small>6 Months (Paid Internship)</small></p>
          <p>Assisted in the creation of UI layouts, web graphics, and corporate branding projects. Gained hands-on experience in client-based design workflows.</p>
        </div>
        <div class="position-relative mb-4">
          <span class="bi bi-arrow-right fs-4 text-light position-absolute" style="top:-5px; left:-50px;"></span>
          <h5 class="mb-1">Design Intern</h5>
          <p class="mb-2">Reliance Industries | <small>3 Months</small></p>
          <p>Supported senior designers in product design, advertising concepts, and creative layouts. Focused on visual communication and design consistency.</p>
        </div>
      </div>
    </section>
    <!-- Experience End -->

    <!-- Portfolio Start -->
    <section class="py-5 border-bottom wow fadeInUp" data-wow-delay="0.1s">
      <h1 class="title pb-3 mb-5">Portfolio</h1>
      <div class="row g-4">
        <div class="col-12">
          <ul class="list-group">
            <li class="list-group-item">
              <a href="TriVA Brand book.pdf">TriVA Brand Book – Branding Project</a>
            </li>
            <li class="list-group-item">
              <a href="anvil-by-gildan-USA-2020.pdf" >Anvil by Gildan USA 2020 – Design Catalogue</a>
            </li>
            <li class="list-group-item">
              <a href="Kresha-Bajaj-Fashion.pdf">Kresha Bajaj Fashion – Editorial & Campaign Design</a>
            </li>
          </ul>
        </div>
      </div>
    </section>
    <!-- Portfolio End -->

    <!-- Contact Start -->

Contact Me

Receive messages instantly with Formspree – no PHP needed!

<div id="form-messages"></div>
                                <!--PAST YOUR KEY OR LIKK HERE/ REPLACE>>>> https://formspree.io/f/BY OWAIS -->
<form id="contactForm" action="https://formspree.io/f/mrbrgjpa" method="POST">
    <div class="row g-3">
        <div class="col-md-6">
            <div class="form-floating">
                <input type="text" class="form-control border-0 bg-secondary"
                       id="name" name="name" placeholder="Your Name" required>
                <label for="name">Your Name</label>
            </div>
        </div>
        <div class="col-md-6">
            <div class="form-floating">
                <input type="email" class="form-control border-0 bg-secondary"
                       id="email" name="email" placeholder="Your Email" required>
                <label for="email">Your Email</label>
            </div>
        </div>
        <div class="col-12">
            <div class="form-floating">
                <input type="text" class="form-control border-0 bg-secondary"
                       id="subject" name="subject" placeholder="Subject" required>
                <label for="subject">Subject</label>
            </div>
        </div>
        <div class="col-12">
            <div class="form-floating">
                <textarea class="form-control border-0 bg-secondary"
                          placeholder="Leave a message here" id="message"
                          name="message" style="height: 200px" required></textarea>
                <label for="message">Message</label>
            </div>
        </div>



        <div class="col-12">
            <button class="btn btn-primary w-100 py-3" type="submit">
                Send Message
            </button>
        </div>
    </div>
</form>

<script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.bundle.min.js"></script> <script src="lib/wow/wow.min.js"></script> <script src="lib/typed/typed.min.js"></script> <script src="lib/easing/easing.min.js"></script> <script src="lib/waypoints/waypoints.min.js"></script> <script src="lib/counterup/counterup.min.js"></script> <script src="lib/owlcarousel/owl.carousel.min.js"></script> <script src="lib/isotope/isotope.pkgd.min.js"></script> <script src="lib/lightbox/js/lightbox.min.js"></script> <script src="js/main.js"></script>

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors