From a4bcc50e97f0a041d6b5872695317b6b579e2838 Mon Sep 17 00:00:00 2001 From: Moh Aarif Ahmed Date: Sat, 13 Oct 2018 16:30:40 +0530 Subject: [PATCH 1/5] add Instagram logo created basic instagram logo using HTML and CSS --- index.html | 2 +- instagram-logo.html | 63 +++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 64 insertions(+), 1 deletion(-) create mode 100644 instagram-logo.html diff --git a/index.html b/index.html index ad0c495..3672c6b 100644 --- a/index.html +++ b/index.html @@ -10,7 +10,7 @@

CSS Objects Series

Objects made with css:

  1. Apple Logo, Audi Logo
    2. -
  2. +
  3. Instagram Logo
  4. ____________________
  5. ____________________
  6. ____________________
    7. diff --git a/instagram-logo.html b/instagram-logo.html new file mode 100644 index 0000000..b7090cb --- /dev/null +++ b/instagram-logo.html @@ -0,0 +1,63 @@ + + + + + + + Instagram logo + + + + +
    + +
    + +
    +
    + + \ No newline at end of file From aae6709eda9ecb10c3e3fce7e7d2067f916321ae Mon Sep 17 00:00:00 2001 From: Moh Aarif Ahmed Date: Sat, 13 Oct 2018 20:49:19 +0530 Subject: [PATCH 2/5] added color add color to the instagram logo using css3's linear-gradient property --- instagram-logo.html | 67 +++++++++++++++++++++++++++++---------------- 1 file changed, 44 insertions(+), 23 deletions(-) diff --git a/instagram-logo.html b/instagram-logo.html index b7090cb..086c5ce 100644 --- a/instagram-logo.html +++ b/instagram-logo.html @@ -7,45 +7,63 @@ Instagram logo -
    - -
    +
    + +
    + +
    -
    -
    +
    +
    +
    \ No newline at end of file From 04dbcfce1b68fed12844218f772cdac160b5d984 Mon Sep 17 00:00:00 2001 From: Moh Aarif Ahmed Date: Sat, 13 Oct 2018 21:09:28 +0530 Subject: [PATCH 3/5] added color to the instagram logo --- instagram-logo.html | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/instagram-logo.html b/instagram-logo.html index 086c5ce..c4808af 100644 --- a/instagram-logo.html +++ b/instagram-logo.html @@ -13,7 +13,7 @@ height:140px; width:140px; display:inline-block; - border-radius:14%; + border-radius:22%; padding:20px; position:relative; background-image: linear-gradient(to bottom right, rgba(0,0,255,0.5), rgba(255,0,0,0.6), rgb(252, 204, 99) ); @@ -33,7 +33,7 @@ left:50%; transform:translate(-50%,-50%); background-image: linear-gradient(to bottom right, rgba(0,0,255,0.5), rgba(255,0,0,0.4), rgb(252, 204, 99) ); - border-radius:16%; + border-radius:20%; } @@ -63,7 +63,7 @@ position:absolute; display:inline-block; right:7%; - top:6%; + top:7%; border-radius:50% 50% 50% 50%; From 78c93993fd88bd7b4cd9a1a03fab5204686f2f1a Mon Sep 17 00:00:00 2001 From: Moh Aarif Ahmed Date: Sun, 14 Oct 2018 18:25:58 +0530 Subject: [PATCH 4/5] added youtube logo created youtube-logo.html file and made logo using HTML and CSS --- index.html | 2 +- youtube-logo.html | 45 +++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 46 insertions(+), 1 deletion(-) create mode 100644 youtube-logo.html diff --git a/index.html b/index.html index 3672c6b..3b4d95a 100644 --- a/index.html +++ b/index.html @@ -12,7 +12,7 @@

    CSS Objects Series

  7. Apple Logo, Audi Logo
  8. Instagram Logo
  9. ____________________
    10. -
  10. ____________________
    11. +
  11. Youtube Logo____________________
  12. ____________________
  13. Facebook Logo (white background), Facebook Logo (with background)
  14. Github Logo
    15. diff --git a/youtube-logo.html b/youtube-logo.html new file mode 100644 index 0000000..bfb5d8a --- /dev/null +++ b/youtube-logo.html @@ -0,0 +1,45 @@ + + + +Youtube Logo + + + + + +
    +
    + + +
    + + +
    + + + From e4b1970939ebaca29076edbf0b9531ca95822147 Mon Sep 17 00:00:00 2001 From: Moh Aarif Ahmed Date: Sun, 14 Oct 2018 18:45:45 +0530 Subject: [PATCH 5/5] added jio logo created jio-logo.html file and made jios` logo using HTML and CSS --- index.html | 4 ++-- jio-logo.html | 44 ++++++++++++++++++++++++++++++++++++++++++++ 2 files changed, 46 insertions(+), 2 deletions(-) create mode 100644 jio-logo.html diff --git a/index.html b/index.html index 3b4d95a..6342fc0 100644 --- a/index.html +++ b/index.html @@ -12,8 +12,8 @@

    CSS Objects Series

  15. Apple Logo, Audi Logo
  16. Instagram Logo
  17. ____________________
    18. -
  18. Youtube Logo____________________
    19. -
  19. ____________________
    20. +
  20. Youtube Logo
    21. +
  21. Jio Logo
  22. Facebook Logo (white background), Facebook Logo (with background)
  23. Github Logo
  24. ____________________
    25. diff --git a/jio-logo.html b/jio-logo.html new file mode 100644 index 0000000..98f2df8 --- /dev/null +++ b/jio-logo.html @@ -0,0 +1,44 @@ + + + +Jio Logo + + + + + +
    +
    + Jio + +
    + + +
    + + +