• Enable Notification
  • Download CV
  • Go To The Top
  • Go To The End
“The strongest trees are rooted in the dark places of the earth. Darkness will be your cloak, your shield. Darkness will make you strong.”
Navigator Mobile Image


me Khaled Oghli

Khaled Oghli, Web & Ui Designer born in Live now in UAE - DUBAI. I'm Into All Things Web. I’ve Spent The Last 3 Years in Designing, Building And Maintaining Many Websites.



Work In Team



Technical Skills





Css Preprocessor

Css Framework



Tools i used



Adobe Xd

Camtasia Studio

Microsoft Office

Visual Studio


My Projects

Audio Project thumbnail
Audio Player
‎March ‎22, ‎2018
animation ui Project thumbnail
Animation webpage
‎August ‎3, ‎2018
old Portfolio project thumbnail
old Portfolio 1
‎March ‎8, ‎2018
customization Project thumbnail
Customization css
January 18, 2018
Tennis Project thumbnail
Tiny Tennis Game
December 22, 2018
Calculator Project thumbnail
Basic Calculator
September 18, 2017
svg man moving Project thumbnail
Svg Man Moving
September 2, 2018
Graphic res-flyer thumbnail
Graphic Resturant Flyer
October 1, 2018
Graphic res-Brochure thumbnail
Graphic Resturant Brochure
October 3, 2018
3d transform project thumbnail
3D Image Transition
November 11, 2018
Graphic bc thumbnail
Graphic Business Card
October 7, 2018
Milano Resturant website thumbnail
Milano Resturant Website
April 12, 2019
Spongebob Ui thumbnail
Spongebob UI
May 3, 2019
Patrick Ui thumbnail
Patrick UI
May 5, 2019
Patrick skill Ui thumbnail
Patrick Skills
May 6, 2019
Spongebob skill Ui thumbnail
Spongebob skills
May 6, 2019
just-dance Ui thumbnail
Just Dance UI
May 1, 2019
natural beauty Ui thumbnail
Beauty Salon UI
May 2, 2019
GameStack website ui thumbnail
GameStack Real Website Ui
Sep 5, 2019
windows semulation thumbnail
Windows 10 semulation
jun 17, 2019
Todo List thumbnail
Todo List App
jul 24, 2019

Story Timeline

  1. The Day I Was Born

    July 8th, 1996

    I was born in Damascus city capital of Syria and I stayed until now, I grew up in a small house filled with tenderness by my parents who taught me the values, ethics, love of others and kindness to the young and the elder. Those who want to live should not despair, no matter how hard the world is.

  2. Graduate From Middle School

    June 19th, 2011

    On this day i graduated from middle School Happy , it was all my passion that i will spend my time playing video games but i did not expect that i will become someone else in the Future..

  3. Graduate From High School

    June 24th, 2015

    On This day i graduated from high school and i moved on to a completely different stage the university life that changed my life ,my way of thinking and my Future...

  4. University Life

    May 20th, 2014

    When I entered the university in the field of software engineering I loved it but when i started to take classes about web design in youtube and enter the world of web design i felt that i belong to web design and became passionate about all kinds of designs and started from the rules of academic design and web basics and started unfortunately to neglecting the university because of my passion for web domain but I am satisfied About myself, I have now come to look forward to more experience

  5. Moved To UAE - Dubai

    September 20th, 2019

    I travel to UAE to work and gain more experience .

  6. First Job in UAE

    October 1th, 2019

    Start Working at Datacell Company in Dubai as web Designer

  7. Nothing Here now


    Updating Soon...

  8. Nothing Here now


    Updating Soon...


To see all certificates (14+) with full resoluation visit my Linkedin

Person i dont forget

Nour Homsi

Nour Homsi Channel

Osama Mohamed

Elzero Web School

Gary Simon

Design Course

Cristian Doru Barin

Photoshop For Web Design

Petr Tichy

I Hate Tomatoes

Joe Natoli


christine maggi



Dev Ed


  • UI

    ... COLOR THEORY ...

     ... COLOR THEORY ... Often all of us are disguised as the primary and secondary colors 🔴Primary Color: Red - Yellow - Blue 🔴Secondary Color: Orang - Green - Purple Of course the secondary colors are produced by the main colors Red + Yellow = Orange Yellow + Blue = Green Blue + Red = Purple Combining the main colors with the secondary produces sub-colors They are all colors and result in their integration together with what is called 🔴Color wheel We have to talk about some of the terms of what follows our lives realistic but it is necessary to know even better understand the theory of colors. For them 🔴Hue - Saturation - Value Hue saturation value .Hue is exactly the color sense. .Saturation is the degree of saturation. In other words, the color is bright or faded. .Value is the color tone that controls either bold or light. The color reaches black or white. How can we combine terminology to produce a professional color scheme? We have some formulas based on Color Harmony All we need is the color wheel. 1. MONOCHROMATIC Of course it is the easiest format because it only uses one color or only use one hue Here you use your knowledge to control the 3 terms we talked about above. To produce a lighter and darker color in one color The best thing about it is that it's often guaranteed to match the colors because of taking one color and taking its degrees. MONOCHROMATIC 2. Analogous It is a formula that selects the 3 colors side by side with the color wheel Match Colors next to each other It is very common that you change the values ​​to produce your own . Analogous 3. Complementary They take colors corresponding to each other in a wheel of colors. Like Blue and orange Red and Green You can control Darker and Lighter colors to match. Complementary 4. Split Complementary They are 3 colors in the form of an equilateral triangle Each head is a color. Its usefulness gives it the same degree of contrast And the result is so sweet Split Complementary 5. Tetradic The colors are rectangular in each head color. Tetradic Complementary color It is a very good formula if one color is kept in control and the other colors are light. Sometimes all you have to do is control the values ​​darker and lighter and vary to match the design beautifully. The most important factor of design and color selection is Readabilty Readability Sometimes the noise of colors is wrong. Do not use colors in every detail. Use application on your computer to correct the halsig that will benefit you a lot or Online Tools .. 🔴Article By Khaled Oghli🔴 
  • UI

    .. TYPOGRAPHY ..

     What’s typography? Typography is something bigger than just a design technique. A Canadian typographer, Robert Bringhurst, in his book The Elements of Typographic Style defines typography as the craft of endowing human language with a durable visual form. In addition, typography transforms language into a decorative visual element. Typography has a much longer history than the design or the Internet itself. First, it appeared approximately in the 11-12 centuries when people invented movable type system. A real typography revolution started after the Gutenberg Bible, the first major book printed via movable metal type, which marked the beginning of the age of the printed book in the West. The style of type used in Gutenberg Bible is now known as Textualis (Textura) and Schwabacher. Nowadays, it is more than just copy printing and organization. Commonly, typography is defined as the art and science of font style, appearance, and structure which aims at delivering the aesthetic and easily readable copy to readers. Not that long ago, it was a specialized study for editorial office workers but now the science is applied in different spheres and plays a significant role in design. The role of typography in design Can you think of at least one example of web or mobile design without copy elements? It’s difficult, right? Still, just a presence of copy in the interface is not enough for effective UI and positive UX. Copy and its appearance should be well-thought otherwise it may spoil the design. There are designers who ignore typography studies because they think it’s too difficult to understand so it isn’t worth spending much time. However, typograp part of the effective design. Let’s see why. People got used to receiving the majority of information in text form and designers need to make this process easy and productive. The basic knowledge of typography can help to comprehend the peculiarities of font visual presentation and its influence on users perception. The effective copy is a key to the powerful design. Its effectiveness depends not only on its content but also on how it is presented. Font size, width, color, and text structure – all of that matter. Designers can transfer certain mood or message by choosing appropriate fonts and the ways of their presentation. This way typography helps design to communicate with people. Visual performance and readability of copy in digital products have t user experience. If fonts are badly legible, people can face problems with navigation or even worse can’t use it at all. Today poor user experience in digital products is unforgiven since users can easily find the better alternative. In addition, bad typography significantly affects the first impression because even when users don’t read copy, they scan it. In case fonts look inappropriate people may not want to learn about your offer or use your product. Mean line and baseline Typically, type characters are placed in a straight line creating a neat visual presentation. Main tools assisting designers in the process are mean line and baseline. The first marks the top and the other bottom of a character body. Such lines allow creating fonts even. Of course, the lines are invisible in interfaces after designers finish their work.typography1.png"> Character measurement (size, weight, and height) To separate different types of information and highlight the vital points, designers apply fonts in different weight and size. The type weight is a measurement of how thick type character is. The sizes are usually measured in inches, millimeters, or pixels. The height of the character is also called “x-height” because the body of every character in one size is based on the letter “x”. This approach makes them look even. It’s easy to segregate copy elements such as heading, sub-heading and body copy by varying these parameters.  White space White space, also known as negative space, is the area between elements in a design composition. Readers aren’t usually aware of the great role of the space, but designers pay a lot of attention to it. In case the white space is not balanced, copy will be hard to read. That’s why negative space matters as much as any other typography element.> Alignment Creating effective typography is not that easy and it includes many processes. For example, alignment is an action of placing and justifying text. During the stage, designers aim at transforming randomly placed pieces of text into one unified composition.> Kerning Kerning is a bit similar to tracking still they aren’t the same. Tracking means is spacing between all the characters of font while kerning is the process of adjusting the space between two type characters. It is usually applied for individual cases when a designer decides to change the spacing between two specific letters to make it feel more natural.Leading Leading is the spacing between the baselines of copy. The appropriate leading helps readers easily go from one text line to another and makes big pieces of text legible. In design, the standard leading is 120% the point size of the font still it can vary according to the typeface peculiarities.  
Close Scroll


  • The most beautiful and styled website i have ever seen. i am just amazed that how cool this is.it is amazing.

    avatar-1 image
    • Fardin Khan
    • Trainer
  • Just Wow! A really good site,your are very talented. keep it up!

    avatar-2 image
    • Alena Klekovkina
    • Designer


Contact Pic

If you are pretty sure you don't have anyone who can do Your job better than I can, email me. khalidoghli7@gmail.com




Facebook | Instagram | Linkedin | Whatsapp
| Call me
Copyright 2019 Allright revresed for Khaled Al-Sheikh Oghli Privacy policy
  • The most beautiful and styled website i have ever seen. i am just amazed that how cool this is.it is amazing.

    avatar-1 image
    • Fardin Khan
    • Trainer
  • Just Wow! A really good site,your are very talented. keep it up!

    avatar-2 image
    • Alena Klekovkina
    • Designer
Cv-page1 Cv-page2

Additional Section

Only For SEO

خالد اوغلي
My name is Khaled Oghli (Web Design)
Birth Place: Syria
Family Name: AL-Sheikh Oghli
telephone: +971508016906

I live in Dubai, UAE

Privacy Policy

Effective date: May 18, 2019

Phantom Designer ("us", "we", or "our") operates the https://khaledoghli.com website (the "Service").

This page informs you of our policies regarding the collection, use, and disclosure of personal data when you use our Service and the choices you have associated with that data. Our Privacy Policy for Phantom Designer is created with the help of the Free Privacy Policy Generator.

We use your data to provide and improve the Service. By using the Service, you agree to the collection and use of information in accordance with this policy. Unless otherwise defined in this Privacy Policy, terms used in this Privacy Policy have the same meanings as in our Terms and Conditions, accessible from https://khaledoghli.com

Information Collection And Use

We collect several different types of information for various purposes to provide and improve our Service to you.

Types of Data Collected

Personal Data

While using our Service, we may ask you to provide us with certain personally identifiable information that can be used to contact or identify you ("Personal Data"). Personally identifiable information may include, but is not limited to:

  • Email address
  • Cookies and Usage Data

Usage Data

We may also collect information how the Service is accessed and used ("Usage Data"). This Usage Data may include information such as your computer's Internet Protocol address (e.g. IP address), browser type, browser version, the pages of our Service that you visit, the time and date of your visit, the time spent on those pages, unique device identifiers and other diagnostic data.

Tracking & Cookies Data

We use cookies and similar tracking technologies to track the activity on our Service and hold certain information.

Cookies are files with small amount of data which may include an anonymous unique identifier. Cookies are sent to your browser from a website and stored on your device. Tracking technologies also used are beacons, tags, and scripts to collect and track information and to improve and analyze our Service.

You can instruct your browser to refuse all cookies or to indicate when a cookie is being sent. However, if you do not accept cookies, you may not be able to use some portions of our Service.

Examples of Cookies we use:

  • Session Cookies. We use Session Cookies to operate our Service.
  • Preference Cookies. We use Preference Cookies to remember your preferences and various settings.
  • Security Cookies. We use Security Cookies for security purposes.

Use of Data

Phantom Designer uses the collected data for various purposes:

  • To provide and maintain the Service
  • To notify you about changes to our Service
  • To allow you to participate in interactive features of our Service when you choose to do so
  • To provide customer care and support
  • To provide analysis or valuable information so that we can improve the Service
  • To monitor the usage of the Service
  • To detect, prevent and address technical issues

Transfer Of Data

Your information, including Personal Data, may be transferred to — and maintained on — computers located outside of your state, province, country or other governmental jurisdiction where the data protection laws may differ than those from your jurisdiction.

If you are located outside Syrian Arab Republic and choose to provide information to us, please note that we transfer the data, including Personal Data, to Syrian Arab Republic and process it there.

Your consent to this Privacy Policy followed by your submission of such information represents your agreement to that transfer.

Phantom Designer will take all steps reasonably necessary to ensure that your data is treated securely and in accordance with this Privacy Policy and no transfer of your Personal Data will take place to an organization or a country unless there are adequate controls in place including the security of your data and other personal information.

Disclosure Of Data

Legal Requirements

Phantom Designer may disclose your Personal Data in the good faith belief that such action is necessary to:

  • To comply with a legal obligation
  • To protect and defend the rights or property of Phantom Designer
  • To prevent or investigate possible wrongdoing in connection with the Service
  • To protect the personal safety of users of the Service or the public
  • To protect against legal liability

Security Of Data

The security of your data is important to us, but remember that no method of transmission over the Internet, or method of electronic storage is 100% secure. While we strive to use commercially acceptable means to protect your Personal Data, we cannot guarantee its absolute security.

Service Providers

We may employ third party companies and individuals to facilitate our Service ("Service Providers"), to provide the Service on our behalf, to perform Service-related services or to assist us in analyzing how our Service is used.

These third parties have access to your Personal Data only to perform these tasks on our behalf and are obligated not to disclose or use it for any other purpose.

Links To Other Sites

Our Service may contain links to other sites that are not operated by us. If you click on a third party link, you will be directed to that third party's site. We strongly advise you to review the Privacy Policy of every site you visit.

We have no control over and assume no responsibility for the content, privacy policies or practices of any third party sites or services.

Children's Privacy

Our Service does not address anyone under the age of 18 ("Children").

We do not knowingly collect personally identifiable information from anyone under the age of 18. If you are a parent or guardian and you are aware that your Children has provided us with Personal Data, please contact us. If we become aware that we have collected Personal Data from children without verification of parental consent, we take steps to remove that information from our servers.

Changes To This Privacy Policy

We may update our Privacy Policy from time to time. We will notify you of any changes by posting the new Privacy Policy on this page.

We will let you know via email and/or a prominent notice on our Service, prior to the change becoming effective and update the "effective date" at the top of this Privacy Policy.

You are advised to review this Privacy Policy periodically for any changes. Changes to this Privacy Policy are effective when they are posted on this page.

Contact Us

If you have any questions about this Privacy Policy, please contact us:

  • By email: khalidoghli7@gmail.com
  • By phone number: +971 508016906