Hugging Face's logo

Spaces:
tinolin
/
coco1
Running

App Files Community
tinolin commited on
Commit
45aede4
·
verified ·
1 Parent(s): b193fdb

Add 3 files

Browse files
Files changed (3) hide show
  1. README.md +7 -5
  2. index.html +151 -19
  3. prompts.txt +1 -0
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Coco1
3
- emoji: ⚡
4
- colorFrom: gray
5
- colorTo: indigo
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: coco1
3
+ emoji: 🐳
4
+ colorFrom: green
5
+ colorTo: purple
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,151 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>Attorney James Montgomery | Distinguished Legal Counsel</title>
7
+ <script src="https://cdn.tailwindcss.com"></script>
8
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
9
+ <style>
10
+ @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;700&family=Montserrat:wght@300;400;600&display=swap');
11
+
12
+ body {
13
+ font-family: 'Montserrat', sans-serif;
14
+ overflow: hidden;
15
+ height: 100vh;
16
+ }
17
+
18
+ .gold-text {
19
+ color: #D4AF37;
20
+ }
21
+
22
+ .gold-border {
23
+ border-color: #D4AF37;
24
+ }
25
+
26
+ .gold-bg {
27
+ background-color: #D4AF37;
28
+ }
29
+
30
+ .playfair {
31
+ font-family: 'Playfair Display', serif;
32
+ }
33
+
34
+ .bg-pattern {
35
+ background-image: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-6 60c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm29 22c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zM32 63c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm57-13c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm-9-29c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM60 91c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM35 41c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 60c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3z' fill='%23d4af37' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E");
36
+ }
37
+
38
+ .achievement-item {
39
+ position: relative;
40
+ padding-left: 2rem;
41
+ }
42
+
43
+ .achievement-item:before {
44
+ content: "";
45
+ position: absolute;
46
+ left: 0;
47
+ top: 0.6rem;
48
+ width: 1rem;
49
+ height: 1rem;
50
+ background-color: #D4AF37;
51
+ transform: rotate(45deg);
52
+ }
53
+
54
+ .resume-btn {
55
+ transition: all 0.3s ease;
56
+ }
57
+
58
+ .resume-btn:hover {
59
+ transform: translateY(-3px);
60
+ box-shadow: 0 10px 20px rgba(212, 175, 55, 0.3);
61
+ }
62
+
63
+ .contact-link:hover {
64
+ color: #D4AF37 !important;
65
+ }
66
+ </style>
67
+ </head>
68
+ <body class="bg-black text-white">
69
+ <div class="container mx-auto h-screen flex flex-col justify-between px-6 py-12 bg-pattern">
70
+ <!-- Header -->
71
+ <header class="flex justify-between items-center">
72
+ <div class="text-2xl font-bold playfair gold-text">J.MONTGOMERY</div>
73
+ <nav class="hidden md:flex space-x-8">
74
+ <a href="#about" class="text-white hover:text-yellow-400 transition">About</a>
75
+ <a href="#achievements" class="text-white hover:text-yellow-400 transition">Achievements</a>
76
+ <a href="#contact" class="text-white hover:text-yellow-400 transition">Contact</a>
77
+ </nav>
78
+ <button class="md:hidden text-white">
79
+ <i class="fas fa-bars text-2xl"></i>
80
+ </button>
81
+ </header>
82
+
83
+ <!-- Main Content -->
84
+ <main class="flex-grow flex flex-col md:flex-row items-center justify-center gap-12">
85
+ <!-- Left Column - Portrait -->
86
+ <div class="w-full md:w-1/3 flex justify-center">
87
+ <div class="relative">
88
+ <div class="w-64 h-80 md:w-72 md:h-96 bg-gray-800 relative overflow-hidden">
89
+ <div class="absolute inset-0 border-4 border-transparent hover:border-yellow-400 transition-all duration-300"></div>
90
+ <div class="absolute inset-0 bg-gradient-to-t from-black to-transparent opacity-70"></div>
91
+ <div class="absolute inset-0 flex items-end p-6">
92
+ <h2 class="playfair text-3xl font-bold">James Montgomery</h2>
93
+ </div>
94
+ </div>
95
+ <div class="absolute -bottom-4 -right-4 w-24 h-24 bg-yellow-400 flex items-center justify-center">
96
+ <span class="text-black font-bold text-sm">15+ Years Experience</span>
97
+ </div>
98
+ </div>
99
+ </div>
100
+
101
+ <!-- Right Column - Info -->
102
+ <div class="w-full md:w-2/3 space-y-8">
103
+ <h1 class="playfair text-4xl md:text-5xl font-bold">
104
+ Distinguished <span class="gold-text">Legal</span> Counsel
105
+ </h1>
106
+
107
+ <p class="text-lg text-gray-300 max-w-2xl">
108
+ Specializing in corporate law, intellectual property, and high-stakes litigation with a proven track record of securing favorable outcomes for clients ranging from Fortune 500 companies to individual entrepreneurs.
109
+ </p>
110
+
111
+ <!-- Achievements -->
112
+ <div id="achievements" class="space-y-4">
113
+ <h3 class="text-xl font-semibold gold-text">Notable Achievements</h3>
114
+ <ul class="space-y-3">
115
+ <li class="achievement-item">Successfully argued before the Supreme Court in landmark IP case (2021)</li>
116
+ <li class="achievement-item">Recipient of the National Law Journal's "Top 40 Under 40" award</li>
117
+ <li class="achievement-item">Negotiated $250M merger between tech giants with zero litigation</li>
118
+ <li class="achievement-item">Maintained 92% success rate in jury trials over the past decade</li>
119
+ </ul>
120
+ </div>
121
+
122
+ <!-- CTA Buttons -->
123
+ <div class="flex flex-wrap gap-4 pt-4">
124
+ <a href="#" class="resume-btn gold-bg text-black font-bold px-8 py-3 rounded-sm flex items-center gap-2">
125
+ <i class="fas fa-file-alt"></i> Download Resume
126
+ </a>
127
+ <a href="#contact" class="border-2 gold-border text-white font-bold px-8 py-3 rounded-sm hover:bg-yellow-400 hover:bg-opacity-10 transition">
128
+ Schedule Consultation
129
+ </a>
130
+ </div>
131
+ </div>
132
+ </main>
133
+
134
+ <!-- Footer -->
135
+ <footer id="contact" class="flex flex-col md:flex-row justify-between items-center pt-8 border-t border-gray-800">
136
+ <div class="mb-4 md:mb-0">
137
+ <h3 class="text-lg font-semibold gold-text playfair">James Montgomery, Esq.</h3>
138
+ <p class="text-gray-400">Principal Attorney | Montgomery & Associates</p>
139
+ </div>
140
+ <div class="flex space-x-6">
141
+ <a href="tel:+15551234567" class="contact-link text-white hover:text-yellow-400 transition">
142
+ <i class="fas fa-phone mr-2"></i> (555) 123-4567
143
+ </a>
144
+ <a href="mailto:james@montgomerylaw.com" class="contact-link text-white hover:text-yellow-400 transition">
145
+ <i class="fas fa-envelope mr-2"></i> james@montgomerylaw.com
146
+ </a>
147
+ </div>
148
+ </footer>
149
+ </div>
150
+ <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=tinolin/coco1" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body>
151
+ </html>
prompts.txt ADDED
@@ -0,0 +1 @@
 
 
1
+ I need you to create a single-screen (no scrolling) responsive website with black, gold, and white colors for a lawyer, with a brief description of their achievements and the option to download their resume.