Scribd
Upload
2 views

Website Draft

Green Arc Legal specializes in providing legal services for renewable energy projects in Australia and Asia, focusing on areas such as governance, risk management, and project financing. The website outlines their services, team, and client reviews, emphasizing their commitment to customized legal strategies. Users can navigate through sections about the firm, its services, team members, client testimonials, and a contact form.

Uploaded by

lilpekkarap
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
2 views

Website Draft

Green Arc Legal specializes in providing legal services for renewable energy projects in Australia and Asia, focusing on areas such as governance, risk management, and project financing. The website outlines their services, team, and client reviews, emphasizing their commitment to customized legal strategies. Users can navigate through sections about the firm, its services, team members, client testimonials, and a contact form.

Uploaded by

lilpekkarap
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 12

<!

DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Green Arc Legal | Your Business Partner for Energy Transition</title>
<style>
body {
font-family: Arial, sans-serif;
color: #333;
background-color: #f4f7f6;
margin: 0;
}
header, footer {
background-color: #2a6e3e;
color: white;
padding: 20px;
text-align: center;
}
header h1 {
font-family: 'Georgia', serif;
font-size: 2.5em;
margin: 10px 0;
}
nav {
display: flex;
justify-content: center;
background-color: #1e4d2b;
padding: 10px;
}
nav a {
color: white;
margin: 0 15px;
text-decoration: none;
font-weight: bold;
font-size: 1.1em;
}
.container {
width: 80%;
margin: auto;
overflow: hidden;
}
.section-title {
color: #2a6e3e;
font-size: 2em;
margin: 20px 0;
text-align: center;
font-family: 'Georgia', serif;
}
.about, .services, .contact, .team, .reviews {
margin-bottom: 40px;
}
.about-content {
background-color: #e0f3e5;
padding: 20px;
border-left: 6px solid #2a6e3e;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
margin: 20px 0;
}
.content {
padding: 20px;
line-height: 1.6;
}
.carousel {
position: relative;
width: 100%;
max-width: 600px;
margin: 0 auto;
background-color: #e0f3e5;
padding: 20px;
border-radius: 5px;
border-left: 6px solid #2a6e3e;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}
.carousel-content {
display: none;
text-align: center;
font-size: 1.1em;
color: #2a6e3e;
}
.carousel-content.active {
display: block;
max-width: 90%;
margin: auto;
}
.carousel-controls {
text-align: center;
margin-top: 20px;
}
.carousel-controls button {
background-color: #2a6e3e;
color: white;
border: none;
padding: 12px 18px;
font-size: 1em;
cursor: pointer;
border-radius: 5px;
margin: 5px;
font-weight: bold;
}
.team {
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.team-member {
background: #e9f5ec;
border-radius: 5px;
padding: 20px;
width: 100%;
max-width: 500px;
margin: 20px auto;
display: flex;
align-items: center;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}
.team-member img {
width: 100px;
height: 100px;
border-radius: 5px;
margin-right: 20px;
background-color: #ccc;
}
.contact form {
display: flex;
flex-direction: column;
align-items: center;
}
.contact form input, .contact form textarea {
width: 100%;
max-width: 500px;
padding: 10px;
margin: 5px 0;
border: 1px solid #ccc;
border-radius: 5px;
}
.contact form button {
background-color: #2a6e3e;
color: white;
border: none;
padding: 10px;
border-radius: 5px;
cursor: pointer;
width: 100%;
max-width: 200px;
margin-top: 10px;
}
.placeholder-images {
display: flex;
justify-content: space-between;
margin: 20px 0;
}
.placeholder-images img {
width: 30%;
height: 150px;
background-color: #ccc;
border-radius: 5px;
}
.reviews {
text-align: center;
}
.review-carousel {
position: relative;
width: 100%;
max-width: 500px;
margin: 0 auto;
background-color: #e0f3e5;
padding: 20px;
border-radius: 5px;
border-left: 6px solid #2a6e3e;
box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.1);
}
.review-slide {
display: none;
color: #2a6e3e;
}
.review-slide.active {
display: block;
}
.review-stars {
color: gold;
font-size: 1.5em;
}
footer p {
font-size: 0.9em;
text-align: center;
}
.map {
margin: 20px 0;
text-align: center;
}
</style>
</head>
<body>
<header>
<!-- Logo Placeholder -->
<img src="logo-placeholder.png" alt="Green Arc Legal Logo" />
<h1>Green Arc Legal</h1>
<p>Your Business Partner for Energy Transition</p>
</header>
<nav>
<a href="#about">About Us</a>
<a href="#services">Our Services</a>
<a href="#team">Our Team</a>
<a href="#contact">Contact Us</a>
</nav>

<div class="container">
<section id="about" class="about">
<h2 class="section-title">About Green Arc Legal</h2>
<div class="about-content">
<p>We specialize in providing comprehensive legal services for
renewable energy projects and initiatives in Australia & Asia. Our expertise in the
green hydrogen sector includes governance, risk management, compliance,
project financing, and cross-border transactions.</p>
<p>Our mission is to deliver customized legal strategies aligned with
your business goals, with a strong understanding of Australian and Indonesian
legal systems.</p>
</div>
<div class="placeholder-images">
<img src="placeholder-image.png" alt="Placeholder Image">
<img src="placeholder-image.png" alt="Placeholder Image">
<img src="placeholder-image.png" alt="Placeholder Image">
</div>
</section>
<section id="services" class="services">
<h2 class="section-title">Our Services</h2>
<div class="carousel">
<div class="carousel-content active">
<h3>Commercial and Business Law</h3>
<p>Expertise in drafting and negotiating contracts that align with
your business needs.</p>
</div>
<div class="carousel-content">
<h3>Project Financing</h3>
<p>Comprehensive support for obtaining financing for renewable
energy projects.</p>
</div>
<div class="carousel-content">
<h3>International Joint Ventures</h3>
<p>Guidance on cross-border ventures and establishing
partnerships in global markets.</p>
</div>
</div>
<div class="carousel-controls">
<button onclick="prevSlide()">Previous</button>
<button onclick="nextSlide()">Next</button>
</div>
<div class="placeholder-images">
<img src="placeholder-image.png" alt="Placeholder Image">
<img src="placeholder-image.png" alt="Placeholder Image">
<img src="placeholder-image.png" alt="Placeholder Image">
</div>
</section>

<section id="team" class="team">


<h2 class="section-title">Our Team</h2>
<div class="team-member">
<img src="placeholder-image.png" alt="Team Member Photo">
<div>
<p>Placeholder text for about me section.</p>
</div>
</div>
</section>

<section id="reviews" class="reviews">


<h2 class="section-title">Client Reviews</h2>
<div class="review-carousel">
<div class="review-slide active">
<div class="review-stars">★★★★★</div>
<p><strong>John Doe</strong></p>
<p>Green Arc Legal provided exceptional guidance through our
energy transition process.</p>
</div>
<div class="review-slide">
<div class="review-stars">★★★★☆</div>
<p><strong>Jane Smith</strong></p>
<p>Professional and thorough legal services that met our specific
needs in the renewable sector.</p>
</div>
<div class="review-slide">
<div class="review-stars">★★★★★</div>
<p><strong>Emily Davis</strong></p>
<p>Outstanding expertise and attention to detail in project
financing.</p>
</div>
</div>
<div class="carousel-controls">
<button onclick="prevReview()">Previous</button>
<button onclick="nextReview()">Next</button>
</div>
</section>

<section id="contact" class="contact">


<h2 class="section-title">Contact Us</h2>
<form>
<input type="email" placeholder="Email*" required>
<textarea rows="4" placeholder="Message" required></textarea>
<button type="submit">Send Message</button>
</form>
<div class="map">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!
1m3!1d3539.258451282478!2d115.857048715015!3d-31.952812781233634!
2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!
1s0x2a32bb2485000001%3A0xf0e229f3b49cbb0!2s140%20St%20Georges
%20Terrace%2C%20Perth%20WA%206000%2C%20Australia!5e0!3m2!1sen!
2sus!4v1611111111111!5m2!1sen!2sus" width="600" height="450"
style="border:0;" allowfullscreen="" loading="lazy"></iframe>
</div>
</section>
</div>

<footer>
<p>&copy; 2024 Green Arc Legal - All Rights Reserved</p>
<p>Liability limited by a scheme approved under Professional Standards
Legislation</p>
</footer>

<script>
let currentSlide = 0;
const slides = document.querySelectorAll('.carousel-content');

function showSlide(index) {
slides.forEach(slide => slide.classList.remove('active'));
slides[index].classList.add('active');
}

function nextSlide() {
currentSlide = (currentSlide + 1) % slides.length;
showSlide(currentSlide);
}

function prevSlide() {
currentSlide = (currentSlide - 1 + slides.length) % slides.length;
showSlide(currentSlide);
}

let currentReview = 0;
const reviewSlides = document.querySelectorAll('.review-slide');

function showReview(index) {
reviewSlides.forEach(review => review.classList.remove('active'));
reviewSlides[index].classList.add('active');
}

function nextReview() {
currentReview = (currentReview + 1) % reviewSlides.length;
showReview(currentReview);
}

function prevReview() {
currentReview = (currentReview - 1 + reviewSlides.length) %
reviewSlides.length;
showReview(currentReview);
}
</script>
</body>
</html>

You might also like