Hugging Face's logo

Spaces:
techguy1
/
techguyzbadcolor
Running

App Files Community
techguy1 commited on
Commit
679df94
·
verified ·
1 Parent(s): fd93c4e

Add 2 files

Browse files
Files changed (2) hide show
  1. index.html +34 -13
  2. prompts.txt +1 -0
index.html CHANGED
@@ -12,11 +12,12 @@
12
  theme: {
13
  extend: {
14
  colors: {
15
- primary: '#1eb3b7',
16
- secondary: '#c8cac9',
17
- accent1: '#ed2a40',
18
- accent2: '#ebb90e',
19
- accent3: '#9a7866',
 
20
  },
21
  fontFamily: {
22
  sans: ['Inter', 'sans-serif'],
@@ -27,27 +28,27 @@
27
  </script>
28
  <style>
29
  .gradient-bg {
30
- background: linear-gradient(135deg, #1eb3b7 0%, #0d8e92 100%);
31
  }
32
  .service-card:hover {
33
  transform: translateY(-5px);
34
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
35
  }
36
  .nav-link:hover {
37
- color: #1eb3b7;
38
  }
39
  .btn-primary {
40
  transition: all 0.3s ease;
41
  }
42
  .btn-primary:hover {
43
- background-color: #0d8e92;
44
  transform: translateY(-2px);
45
  }
46
  .btn-accent {
47
  transition: all 0.3s ease;
48
  }
49
  .btn-accent:hover {
50
- background-color: #c41e2e;
51
  transform: translateY(-2px);
52
  }
53
  .animate-float {
@@ -58,6 +59,14 @@
58
  50% { transform: translateY(-10px); }
59
  100% { transform: translateY(0px); }
60
  }
 
 
 
 
 
 
 
 
61
  </style>
62
  </head>
63
  <body class="font-sans text-gray-800">
@@ -66,8 +75,14 @@
66
  <div class="container mx-auto px-6 py-3">
67
  <div class="flex items-center justify-between">
68
  <div class="flex items-center">
69
- <a href="#" class="text-2xl font-bold text-primary">
70
- <span class="text-accent1">Tek</span>Guyz
 
 
 
 
 
 
71
  </a>
72
  </div>
73
  <div class="hidden md:flex items-center space-x-8">
@@ -552,8 +567,14 @@
552
  <div class="container mx-auto px-6">
553
  <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
554
  <div>
555
- <a href="#" class="text-2xl font-bold text-white mb-4 inline-block">
556
- <span class="text-accent1">Tek</span>Guyz
 
 
 
 
 
 
557
  </a>
558
  <p class="text-gray-400 mb-4">Empowering your digital transformation through expert DevOps solutions.</p>
559
  <div class="flex space-x-4">
 
12
  theme: {
13
  extend: {
14
  colors: {
15
+ primary: '#4285F4', // Google Blue
16
+ secondary: '#f1f3f4', // Light gray
17
+ accent1: '#EA4335', // Google Red
18
+ accent2: '#FBBC05', // Google Yellow
19
+ accent3: '#34A853', // Google Green
20
+ googleGray: '#5F6368', // Google Gray
21
  },
22
  fontFamily: {
23
  sans: ['Inter', 'sans-serif'],
 
28
  </script>
29
  <style>
30
  .gradient-bg {
31
+ background: linear-gradient(135deg, #4285F4 0%, #34A853 100%);
32
  }
33
  .service-card:hover {
34
  transform: translateY(-5px);
35
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
36
  }
37
  .nav-link:hover {
38
+ color: #4285F4;
39
  }
40
  .btn-primary {
41
  transition: all 0.3s ease;
42
  }
43
  .btn-primary:hover {
44
+ background-color: #3367D6;
45
  transform: translateY(-2px);
46
  }
47
  .btn-accent {
48
  transition: all 0.3s ease;
49
  }
50
  .btn-accent:hover {
51
+ background-color: #D33426;
52
  transform: translateY(-2px);
53
  }
54
  .animate-float {
 
59
  50% { transform: translateY(-10px); }
60
  100% { transform: translateY(0px); }
61
  }
62
+ .google-logo-style {
63
+ font-weight: 500;
64
+ letter-spacing: -1px;
65
+ }
66
+ .google-blue { color: #4285F4; }
67
+ .google-red { color: #EA4335; }
68
+ .google-yellow { color: #FBBC05; }
69
+ .google-green { color: #34A853; }
70
  </style>
71
  </head>
72
  <body class="font-sans text-gray-800">
 
75
  <div class="container mx-auto px-6 py-3">
76
  <div class="flex items-center justify-between">
77
  <div class="flex items-center">
78
+ <a href="#" class="text-2xl font-bold google-logo-style">
79
+ <span class="google-blue">T</span>
80
+ <span class="google-red">e</span>
81
+ <span class="google-yellow">k</span>
82
+ <span class="google-blue">G</span>
83
+ <span class="google-green">u</span>
84
+ <span class="google-red">y</span>
85
+ <span class="google-yellow">z</span>
86
  </a>
87
  </div>
88
  <div class="hidden md:flex items-center space-x-8">
 
567
  <div class="container mx-auto px-6">
568
  <div class="grid grid-cols-1 md:grid-cols-4 gap-8">
569
  <div>
570
+ <a href="#" class="text-2xl font-bold google-logo-style mb-4 inline-block">
571
+ <span class="google-blue">T</span>
572
+ <span class="google-red">e</span>
573
+ <span class="google-yellow">k</span>
574
+ <span class="google-blue">G</span>
575
+ <span class="google-green">u</span>
576
+ <span class="google-red">y</span>
577
+ <span class="google-yellow">z</span>
578
  </a>
579
  <p class="text-gray-400 mb-4">Empowering your digital transformation through expert DevOps solutions.</p>
580
  <div class="flex space-x-4">
prompts.txt CHANGED
@@ -0,0 +1 @@
 
 
1
+ change the color them of the website to match the color scheme of google.com and the google logo