Loading...
<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 -->
<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>
