Creation chat
ClarkZhang
please create a resume landing page for trump.
02-28 08:31
暂无回复
No comments yet
登录 后可以评论
Assistant
(HTML code has been generated and updated; see above for the current version.)
▼ Code
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Donald J. Trump - Resume</title>
<script src="https://cdn.tailwindcss.com"></script>
<script>tailwind.config = { darkMode: 'class' }</script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
</head>
<body class="min-h-screen bg-slate-50 dark:bg-slate-900 text-slate-900 dark:text-slate-100">
<!-- Theme toggle button -->
<button id="theme-toggle-btn" class="fixed top-4 right-4 z-10 p-2 rounded-md hover:bg-gray-200 dark:hover:bg-gray-700 text-gray-600 dark:text-gray-400 hover:text-gray-900 dark:hover:text-gray-100 transition-colors flex items-center justify-center" aria-label="Toggle theme" onclick="toggleTheme()">
<svg id="icon-moon" class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" aria-hidden="true"><path d="M21.752 15.002A9.72 9.72 0 0 1 18 15.75c-5.385 0-9.75-4.365-9.75-9.75 0-1.33.266-2.597.748-3.752A9.753 9.753 0 0 0 3 11.25C3 16.635 7.365 21 12.75 21a9.753 9.753 0 0 0 9.002-5.998z"/></svg>
<svg id="icon-sun" class="w-5 h-5" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" viewBox="0 0 24 24" aria-hidden="true" style="display:none"><circle cx="12" cy="12" r="4"></circle><path d="M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41"></path></svg>
</button>
<script>
function toggleTheme(){ var el=document.documentElement; var isDark=!el.classList.contains('dark'); el.classList.toggle('dark',isDark); localStorage.setItem('theme',isDark?'dark':'light'); applyTheme(isDark); }
function applyTheme(isDark){ document.getElementById('icon-moon').style.display=isDark?'none':'block'; document.getElementById('icon-sun').style.display=isDark?'block':'none'; }
document.addEventListener('DOMContentLoaded',function(){ var saved=localStorage.getItem('theme'); var isDark=saved==='dark'||(!saved&&window.matchMedia('(prefers-color-scheme: dark)').matches); document.documentElement.classList.toggle('dark',isDark); applyTheme(isDark); });
</script>
<!-- Main content -->
<div class="max-w-4xl mx-auto px-4 py-12">
<!-- Header -->
<header class="text-center mb-12">
<div class="w-32 h-32 mx-auto rounded-full overflow-hidden border-4 border-blue-600 dark:border-blue-500 mb-6">
<div class="bg-gray-200 border-2 border-dashed rounded-xl w-full h-full flex items-center justify-center text-gray-500">
<i class="fas fa-user text-4xl"></i>
</div>
</div>
<h1 class="text-4xl md:text-5xl font-bold mb-2">DONALD J. TRUMP</h1>
<p class="text-xl text-blue-600 dark:text-blue-400 mb-4">Businessman • Television Personality • 45th President of the United States</p>
<div class="flex flex-wrap justify-center gap-4 mt-6">
<a href="mailto:[email protected]" class="flex items-center gap-2 text-slate-700 dark:text-slate-300 hover:text-blue-600 dark:hover:text-blue-400">
<i class="fas fa-envelope"></i>
<span>[email protected]</span>
</a>
<a href="tel:+12127252000" class="flex items-center gap-2 text-slate-700 dark:text-slate-300 hover:text-blue-600 dark:hover:text-blue-400">
<i class="fas fa-phone"></i>
<span>(212) 725-2000</span>
</a>
<a href="#" class="flex items-center gap-2 text-slate-700 dark:text-slate-300 hover:text-blue-600 dark:hover:text-blue-400">
<i class="fas fa-map-marker-alt"></i>
<span>New York, NY</span>
</a>
</div>
</header>
<!-- Executive Summary -->
<section class="bg-white dark:bg-slate-800 rounded-xl shadow-lg p-6 mb-8 border border-slate-200 dark:border-slate-700">
<h2 class="text-2xl font-bold mb-4 text-slate-900 dark:text-slate-100 border-b border-slate-200 dark:border-slate-700 pb-2">Executive Summary</h2>
<p class="text-slate-700 dark:text-slate-300">
Visionary business leader with over four decades of experience in real estate development, branding, and entertainment. Successfully built a global business empire encompassing hotels, golf courses, residential properties, and licensing deals. Demonstrated leadership as the 45th President of the United States, implementing significant policy reforms in economic regulation, international trade, and immigration. Proven ability to negotiate complex deals, manage large organizations, and drive results in highly competitive environments.
</p>
</section>
<!-- Professional Experience -->
<section class="bg-white dark:bg-slate-800 rounded-xl shadow-lg p-6 mb-8 border border-slate-200 dark:border-slate-700">
<h2 class="text-2xl font-bold mb-4 text-slate-900 dark:text-slate-100 border-b border-slate-200 dark:border-slate-700 pb-2">Professional Experience</h2>
<!-- Experience 1 -->
<div class="mb-6">
<div class="flex flex-col md:flex-row md:justify-between md:items-start mb-2">
<h3 class="text-xl font-bold text-slate-900 dark:text-slate-100">President of the United States</h3>
<p class="text-blue-600 dark:text-blue-400 font-medium">January 2017 - January 2021</p>
</div>
<p class="text-slate-700 dark:text-slate-300 mb-3">Washington, D.C.</p>
<ul class="list-disc pl-5 space-y-2 text-slate-700 dark:text-slate-300">
<li>Implemented the Tax Cuts and Jobs Act, the largest tax reform in over 30 years, resulting in economic growth and job creation</li>
<li>Negotiated historic peace agreements in the Middle East (Abraham Accords) and between North Korea and South Korea</li>
<li>Appointed two Supreme Court Justices and 54 federal judges</li>
<li>Implemented America First trade policies, renegotiating NAFTA into USMCA</li>
<li>Secured the southern border with record funding for border security and initiated the wall construction project</li>
</ul>
</div>
<!-- Experience 2 -->
<div class="mb-6">
<div class="flex flex-col md:flex-row md:justify-between md:items-start mb-2">
<h3 class="text-xl font-bold text-slate-900 dark:text-slate-100">Chairman and President, The Trump Organization</h3>
<p class="text-blue-600 dark:text-blue-400 font-medium">1971 - Present</p>
</div>
<p class="text-slate-700 dark:text-slate-300 mb-3">New York, NY</p>
<ul class="list-disc pl-5 space-y-2 text-slate-700 dark:text-slate-300">
<li>Grew family business into a global brand with over $2.5 billion in revenue</li>
<li>Developed iconic properties including Trump Tower, Mar-a-Lago, and numerous golf courses worldwide</li>
<li>Expanded brand licensing to over 500 products globally</li>
<li>Executive producer of "The Apprentice" and "Celebrity Apprentice" - two of the highest-rated shows in television history</li>
<li>Pioneered luxury branding in real estate and hospitality industries</li>
</ul>
</div>
<!-- Experience 3 -->
<div>
<div class="flex flex-col md:flex-row md:justify-between md:items-start mb-2">
<h3 class="text-xl font-bold text-slate-900 dark:text-slate-100">Real Estate Developer</h3>
<p class="text-blue-600 dark:text-blue-400 font-medium">1970s - Present</p>
</div>
<p class="text-slate-700 dark:text-slate-300 mb-3">New York, NY</p>
<ul class="list-disc pl-5 space-y-2 text-slate-700 dark:text-slate-300">
<li>Acquired and developed prime Manhattan properties including the Commodore Hotel (now Grand Hyatt)</li>
<li>Transformed the derelict Hudson River Railroad yards into Trump Place</li>
<li>Built Trump Tower, which became one of the most recognizable buildings in New York</li>
<li>Developed Trump International Hotel & Tower in Chicago, one of the world's tallest buildings</li>
<li>Created luxury residential properties in key global markets including Palm Beach, Las Vegas, and Dubai</li>
</ul>
</div>
</section>
<!-- Education -->
<section class="bg-white dark:bg-slate-800 rounded-xl shadow-lg p-6 mb-8 border border-slate-200 dark:border-slate-700">
<h2 class="text-2xl font-bold mb-4 text-slate-900 dark:text-slate-100 border-b border-slate-200 dark:border-slate-700 pb-2">Education</h2>
<div class="flex flex-col md:flex-row md:justify-between md:items-start">
<div>
<h3 class="text-xl font-bold text-slate-900 dark:text-slate-100">Bachelor of Science in Economics</h3>
<p class="text-slate-700 dark:text-slate-300">Wharton School of Finance, University of Pennsylvania</p>
</div>
<p class="text-blue-600 dark:text-blue-400 font-medium mt-2 md:mt-0">1968</p>
</div>
</section>
<!-- Key Achievements -->
<section class="bg-white dark:bg-slate-800 rounded-xl shadow-lg p-6 mb-8 border border-slate-200 dark:border-slate-700">
<h2 class="text-2xl font-bold mb-4 text-slate-900 dark:text-slate-100 border-b border-slate-200 dark:border-slate-700 pb-2">Key Achievements</h2>
<div class="grid grid-cols-1 md:grid-cols-2 gap-4">
<div class="flex items-start">
<i class="fas fa-trophy text-amber-500 mt-1 mr-3"></i>
<p class="text-slate-700 dark:text-slate-300">Largest tax reform in 30+ years resulting in historic economic growth</p>
</div>
<div class="flex items-start">
<i class="fas fa-trophy text-amber-500 mt-1 mr-3"></i>
<p class="text-slate-700 dark:text-slate-300">Record-low unemployment rates before pandemic</p>
</div>
<div class="flex items-start">
<i class="fas fa-trophy text-amber-500 mt-1 mr-3"></i>
<p class="text-slate-700 dark:text-slate-300">Broke numerous fundraising records in political campaigns</p>
</div>
<div class="flex items-start">
<i class="fas fa-trophy text-amber-500 mt-1 mr-3"></i>
<p class="text-slate-700 dark:text-slate-300">Transformed father's real estate company into a global brand</p>
</div>
</div>
</section>
<!-- Skills -->
<section class="bg-white dark:bg-slate-800 rounded-xl shadow-lg p-6 mb-8 border border-slate-200 dark:border-slate-700">
<h2 class="text-2xl font-bold mb-4 text-slate-900 dark:text-slate-100 border-b border-slate-200 dark:border-slate-700 pb-2">Core Competencies</h2>
<div class="flex flex-wrap gap-2">
<span class="px-3 py-1 bg-blue-100 dark:bg-blue-900/50 text-blue-800 dark:text-blue-200 rounded-full">Business Development</span>
<span class="px-3 py-1 bg-blue-100 dark:bg-blue-900/50 text-blue-800 dark:text-blue-200 rounded-full">Real Estate</span>
<span class="px-3 py-1 bg-blue-100 dark:bg-blue-900/50 text-blue-800 dark:text-blue-200 rounded-full">Negotiation</span>
<span class="px-3 py-1 bg-blue-100 dark:bg-blue-900/50 text-blue-800 dark:text-blue-200 rounded-full">Leadership</span>
<span class="px-3 py-1 bg-blue-100 dark:bg-blue-900/50 text-blue-800 dark:text-blue-200 rounded-full">Branding</span>
<span class="px-3 py-1 bg-blue-100 dark:bg-blue-900/50 text-blue-800 dark:text-blue-200 rounded-full">International Relations</span>
<span class="px-3 py-1 bg-blue-100 dark:bg-blue-900/50 text-blue-800 dark:text-blue-200 rounded-full">Media Relations</span>
<span class="px-3 py-1 bg-blue-100 dark:bg-blue-900/50 text-blue-800 dark:text-blue-200 rounded-full">Policy Development</span>
</div>
</section>
<!-- Contact CTA -->
<div class="text-center py-8">
<a href="mailto:[email protected]" class="inline-block bg-blue-600 hover:bg-blue-700 dark:bg-blue-500 dark:hover:bg-blue-600 text-white font-bold py-3 px-8 rounded-lg transition-colors duration-300 transform hover:scale-105">
Contact for Speaking Engagements
</a>
<p class="mt-4 text-slate-600 dark:text-slate-400">Available for business inquiries and media opportunities</p>
</div>
</div>
<footer class="py-6 text-center text-slate-600 dark:text-slate-400 text-sm">
<p>© 2023 Donald J. Trump. All Rights Reserved.</p>
</footer>
<!-- Console reminder -->
<div class="fixed bottom-4 right-4 text-xs text-slate-500 dark:text-slate-400 bg-slate-100 dark:bg-slate-800 px-2 py-1 rounded">
Check the Console panel in the bottom-right for logs
</div>
</body>
</html>
02-28 08:34
暂无回复
No comments yet
登录 后可以评论
Comments
暂无回复
No comments yet
登录 后可以评论