Claude is responding

t11computer-website-v2.zip
zip

i have this website and i want to be guided through setting up ec2 instance to host this website - i own the domain t11computer.com.au so i will point it to the elastic ip of this server

4:56 PM

Check uploaded file
Check uploaded file
Good — it's a static HTML/CSS/JS website (no backend needed). Let me put together a comprehensive step-by-step guide for you.



Here's your complete setup guide — click each step to expand it. The overall flow is:

Launch EC2 (Ubuntu, Sydney region)
Allocate an Elastic IP and tie it to the instance
SSH in and install Nginx
Upload your site files (they're all static — HTML, CSS, JS, images)
Configure Nginx to serve your site
Point t11computer.com.au DNS A records to the Elastic IP
Add free HTTPS via Let's Encrypt (do this after DNS is live)
A few things to note about your site specifically — it's a pure static site (no backend/database), so Nginx is all you need. No Node, PHP, or anything else required.

Let me know which step you're on and I can help you through any part in more detail — including configuring security groups, troubleshooting DNS, or anything else that comes up.

Your connection is not private
Attackers might be trying to steal your information from 3.104.232.223 (for example, passwords, messages, or credit cards).

net::ERR_CERT_COMMON_NAME_INVALID

5:13 PM
This error means you're accessing the site via the raw IP address (3.104.232.223) instead of the domain name, and the SSL certificate is issued to t11computer.com.au — not the IP. That's expected and correct behaviour.

It's not actually a problem. Here's what's happening:

Let's Encrypt certificates are tied to domain names, never IP addresses
When you visit https://3.104.232.223, the browser checks if the cert matches — it doesn't, so it warns you
When you visit https://t11computer.com.au, everything will match perfectly
To confirm your setup is working correctly, visit:

http://t11computer.com.au — should load your site
https://t11computer.com.au — should load with the padlock
If the domain isn't resolving yet, DNS is probably still propagating. You can check at dnschecker.org — search for t11computer.com.au and see if your IP (3.104.232.223) is showing up. Once it's green globally, the domain will work.

You can also do a quick local check in your terminal:

nslookup t11computer.com.au
If it returns 3.104.232.223, DNS has propagated for you and the site should be accessible by domain right now.

site cant be reached

5:40 PM
Can you run this and share the output?

nslookup t11computer.com.au
This will tell us whether the issue is DNS (domain not pointing to your server yet) or something on the server itself (Nginx not running, firewall blocking traffic, etc.).

Also, can you confirm — when you SSH into the server and run:

sudo systemctl status nginx
What does it show? Is Nginx active/running?

wait i cant connect to the server via ssd

5:41 PM
No worries — most likely a security group issue. By default AWS blocks all inbound traffic except what you explicitly allow.

Go to the AWS Console → EC2 → your instance → Security tab → click the Security Group link, then check the Inbound rules. You need these three rules:

Type	Port	Source
SSH	22	My IP (or 0.0.0.0/0 temporarily)
HTTP	80	0.0.0.0/0
HTTPS	443	0.0.0.0/0
Click Edit inbound rules and add any that are missing.

The most common culprits:

SSH (port 22) is missing entirely — you'd have added HTTP/HTTPS when launching but maybe not SSH
SSH is restricted to a previous IP — if your home IP has changed since you set it up, it'll block you
Once you add/fix the SSH rule, try connecting again:

ssh -i ~/Downloads/your-key.pem ubuntu@3.104.232.223
What do the current inbound rules show?

how to ping my swerver

5:43 PM
Run this in your terminal:

ping 3.104.232.223
But heads up — ping (ICMP) is also blocked by AWS security groups by default, so no response doesn't necessarily mean the server is down.

A more useful test is:

curl -v http://3.104.232.223
This tests if port 80 (HTTP) is actually reachable and Nginx is responding. If you get HTML back, the web server is working fine and the issue is purely SSH/port 22.

You can also test SSH connectivity specifically without fully connecting:

nc -zv 3.104.232.223 22
Connection succeeded → port 22 is open, issue is your key or username
Connection refused / timeout → SSH port is blocked in the security group
What OS are you on (Mac, Windows, Linux)? That'll help me give you the exact commands.

how to enable ping

5:43 PM
In the AWS Console:

Go to EC2 → your instance → Security tab → click your Security Group
Click Edit inbound rules → Add rule
Set it up like this:
Type	Protocol	Port range	Source
All ICMP - IPv4	ICMP	All	0.0.0.0/0
Click Save rules
Then try ping 3.104.232.223 again.

But honestly, ping is less useful for diagnosing your issue. The more important thing is — what do your current inbound rules look like? Can you screenshot or list them? That'll tell us straight away why SSH and the website aren't working.

C:\Users\null0>curl -v http://3.104.232.223
*   Trying 3.104.232.223:80...
* Established connection to 3.104.232.223 (3.104.232.223 port 80) from 10.2.0.2 port 8592
* using HTTP/1.x
> GET / HTTP/1.1
> Host: 3.104.232.223
> User-Agent: curl/8.19.0
> Accept: */*
>
* Request completely sent off

5:45 PM
The connection is hanging — it reached the server (TCP connection established on port 80) but Nginx isn't responding. This means:

✅ Port 80 is open in the security group
✅ The server is reachable
❌ Nginx is either not running or misconfigured
Now try SSH — since port 80 is open, port 22 probably is too. Try:

ssh -i C:\Users\null0\Downloads\your-key.pem ubuntu@3.104.232.223
Make sure the path to your .pem file is correct. If you're not sure where it is, run:

dir C:\Users\null0\*.pem /s
If SSH connects, the first thing to run is:

sudo systemctl status nginx
What's the exact path to your .pem key file?

how to copy nano data and exit and then paste it as i forgot to use sudo

5:49 PM
If you're in nano without sudo and need to start over with sudo:

Select all the text — Alt + A then Alt + ^ (to mark and copy... but nano doesn't have a real clipboard)
Honestly the easiest way is:

Exit without saving — press Ctrl + X then N (no, don't save)
Reopen with sudo:
sudo nano /etc/nginx/sites-available/t11computer
Retype or paste the config again
If you had a lot of text you don't want to retype, the trick is:

In nano, press Ctrl + X → Y to save → save it to a temp file like /tmp/myconfig
Then run:
sudo cp /tmp/myconfig /etc/nginx/sites-available/t11computer
What were you editing — the Nginx config? Paste what you had here and I can give you the exact content to put in so you just copy-paste it in one go.

how to set favicon

5:51 PM
In your website's HTML files, add this inside the <head> tag:

html
<link rel="icon" type="image/png" href="/img/favicon.png">
You'll need a favicon file first. A few options:

If you have a logo image:

Go to favicon.io or realfavicongenerator.net
Upload your logo → download the generated favicon files
Upload the favicon file to your server at /var/www/t11computer/img/favicon.png
Upload the file to your server:

scp -i C:\Users\null0\Downloads\your-key.pem favicon.png ubuntu@3.104.232.223:/var/www/t11computer/img/
Then add the tag to every HTML file — you have index.html, shop.html, cart.html, checkout.html, single-product.html in your zip, so you need to add it to each one.

A quick way to do all files at once on the server:

bash
sudo sed -i 's|</head>|<link rel="icon" type="image/png" href="/img/favicon.png">\n</head>|' /var/www/t11computer/*.html
But first — did you get Nginx running? The site still needs to be fixed before the favicon will matter!

C:\Users\null0>scp -i t11key.pem favicon.ico ubunu@3.104.232.223:/var/www/t11computer/img/
ubunu@3.104.232.223: Permission denied (publickey).
scp: Connection closed

5:56 PM
Two issues in that command:

Typo — ubunu should be ubuntu
Key path — if you're running from C:\Users\null0, the key needs to be there or you need the full path
Try:

scp -i C:\Users\null0\t11key.pem favicon.ico ubuntu@3.104.232.223:/var/www/t11computer/img/
If the .pem file is in the same folder you're running from (C:\Users\null0), this should work.

If you still get permission denied, check the key is actually there:

dir C:\Users\null0\t11key.pem
Does it show up?

ubuntu@ip-172-31-30-205:/var/www/t11computer$ cp -r /tmp/favicon/* /var/www/t11computer/img/
cp: cannot stat '/tmp/favicon/*': Not a directory

5:57 PM
The file isn't in /tmp/favicon/ — it's probably just directly in /tmp/. Try:

bash
ls /tmp/
That'll show you exactly what's there and what it's named. Then copy it directly, for example:

bash
cp /tmp/favicon.ico /var/www/t11computer/img/
What does ls /tmp/ show?

C:\Users\null0>scp -i t11key.pem favicon.ico ubuntu@3.104.232.223:/var/www/t11computer/img/
scp: dest open "/var/www/t11computer/img/favicon.ico": Permission denied
scp: failed to upload file favicon.ico to /var/www/t11computer/img/
C:\Users\null0>scp -i t11key.pem favicon.ico ubuntu@3.104.232.223:/tmp/favicon
favicon.ico                                                                                                         100%   15KB 716.4KB/s   00:00
C:\Users\null0>scp -i t11key.pem favicon.ico ubuntu@3.104.232.223:/tmp/favicon/
scp: dest open "/tmp/favicon/": Failure
scp: failed to upload file favicon.ico to /tmp/favicon/
C:\Users\null0>scp -i t11key.pem favicon.ico ubuntu@3.104.232.223:/tmp/favicon/*
scp: dest open "/tmp/favicon/*": No such file or directory
scp: failed to upload file favicon.ico to /tmp/favicon/*

Show more
5:59 PM
The file uploaded successfully to /tmp/favicon (the second command worked — 15KB transferred). Now SSH in and copy it:

bash
sudo cp /tmp/favicon /var/www/t11computer/img/favicon.ico
The /var/www/ directory is owned by www-data so you always need sudo to copy files there directly via SCP. Using /tmp/ as a staging area like you did is the right approach.

ubuntu@ip-172-31-30-205:/var/www/t11computer$ sudo nano index.html
ubuntu@ip-172-31-30-205:/var/www/t11computer$ cp /tmp/favicon/* /var/www/t11computer/img/
cp: cannot stat '/tmp/favicon/*': Not a directory
ubuntu@ip-172-31-30-205:/var/www/t11computer$ cp -r /tmp/favicon/* /var/www/t11computer/img/
cp: cannot stat '/tmp/favicon/*': Not a directory
ubuntu@ip-172-31-30-205:/var/www/t11computer$ cp -r /tmp/favicon/favicon.ico /var/www/t11computer/img/
cp: cannot stat '/tmp/favicon/favicon.ico': Not a directory
ubuntu@ip-172-31-30-205:/var/www/t11computer$ ls /tmp
favicon           systemd-private-273bacabc91f47a89827547498f2a5eb-ModemManager.service-yqVVn4  systemd-private-273bacabc91f47a89827547498f2a5eb-systemd-logind.service-Y6Gzq0
index.html        systemd-private-273bacabc91f47a89827547498f2a5eb-chrony.service-xHoxv5        systemd-private-273bacabc91f47a89827547498f2a5eb-systemd-resolved.service-zCanHG
snap-private-tmp  systemd-private-273bacabc91f47a89827547498f2a5eb-polkit.service-TVJZb1
ubuntu@ip-172-31-30-205:/var/www/t11computer$ ls /tmp/favicon
/tmp/favicon
ubuntu@ip-172-31-30-205:/var/www/t11computer$ ls /tmp/favicon/
ls: cannot access '/tmp/favicon/': Not a directory
ubuntu@ip-172-31-30-205:/var/www/t11computer$
ubuntu@ip-172-31-30-205:/var/www/t11computer$ sudo cp -r /tmp/favicon/favicon.ico /var/www/t11computer/img/
cp: cannot stat '/tmp/favicon/favicon.ico': Not a directory
ubuntu@ip-172-31-30-205:/var/www/t11computer$ sudo cp /tmp/favicon/favicon.ico /var/www/t11computer/img/
cp: cannot stat '/tmp/favicon/favicon.ico': Not a directory

Show more
6:00 PM
/tmp/favicon is actually a file, not a folder — SCP saved the file as favicon (without the .ico extension). Just copy it directly:

bash
sudo cp /tmp/favicon /var/www/t11computer/img/favicon.ico
C:\Users\null0>scp -i t11key.pem favicon.ico ubuntu@3.104.232.223:/tmp/favicon/*
scp: dest open "/tmp/favicon/*": No such file or directory
scp: failed to upload file favicon.ico to /tmp/favicon/*
C:\Users\null0>scp -i t11key.pem favicon.ico ubuntu@3.104.232.223:/tmp/favicon/
scp: dest open "/tmp/favicon/": Failure
scp: failed to upload file favicon.ico to /tmp/favicon/

6:02 PM
It worked! Check your server — run:

bash
ls /var/www/t11computer/img/favicon.ico
The sudo cp /tmp/favicon /var/www/t11computer/img/favicon.ico command from the previous step should have already copied it. Did that work on the server side?

the favicon is uploaded

6:02 PM
Great! Now make sure your HTML files reference it. You already edited index.html with nano — did you add this line inside the <head> tag?

html
<link rel="icon" href="/img/favicon.ico" type="image/x-icon">
You'll need to add it to all your other HTML files too. You can do all of them at once with:

bash
sudo sed -i 's|</head>|<link rel="icon" href="/img/favicon.ico" type="image/x-icon">\n</head>|' /var/www/t11computer/*.html
But skip index.html if you already manually added it, otherwise it'll be duplicated. Check first:

bash
grep -n "favicon" /var/www/t11computer/index.html
If it shows the line, run the sed command with only the other files:

bash
sudo sed -i 's|</head>|<link rel="icon" href="/img/favicon.ico" type="image/x-icon">\n</head>|' /var/www/t11computer/shop.html /var/www/t11computer/cart.html /var/www/t11computer/checkout.html /var/www/t11computer/single-product.html
and i ran your comand to update all files but the favicon is not showing in browser

6:03 PM
A few things to check:

1. Hard refresh the browser — the favicon is heavily cached:

Chrome: Ctrl + Shift + R
Or open in an incognito window
2. Verify the sed command actually worked:

bash
grep -n "favicon" /var/www/t11computer/index.html
Should show the favicon line. If nothing comes back, it didn't get added.

3. Check the file is actually there:

bash
ls -la /var/www/t11computer/img/favicon.ico
4. Test if the favicon is accessible directly — paste this in your browser:

http://3.104.232.223/img/favicon.ico
If it downloads/shows, Nginx can serve it fine and it's purely a browser cache issue.

What does the grep output show?

it shows via t11computer.com.au/img/favicon.ico but not via the ip add

6:04 PM
That's completely normal and fine — it means everything is working correctly.

The favicon shows on the domain because your HTML files reference /img/favicon.ico as a path, and the domain is what Nginx is configured to serve. The raw IP behaves slightly differently.

Just use the domain going forward — the IP is just for setup/debugging. Your real site is t11computer.com.au.

Does the favicon show up when you visit http://t11computer.com.au in an incognito window?

please create a contact us page following the existing style and branding

6:06 PM
Can you share the existing HTML from one of your pages (e.g. index.html) so I can match the exact header, footer, nav, fonts, and styling? Run this on the server:

bash
cat /var/www/t11computer/index.html
Paste the output here and I'll build a contact page that matches it perfectly.


<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>T11 Computer | Computer Supplier Sydney</title> <!-- Google Fonts -->

pasted

6:07 PM

Created 2 files, viewed a file, ran a command
Created 2 files, viewed a file, ran a command
Here's your contact.html. It matches the existing site exactly — same header, nav, footer, fonts, colours, and Bootstra


Contact
Code · HTML 
Taking longer than usual. Trying again shortly (attempt 3)

Claude Code is built into this app

Upgrade to let Claude edit files, run commands, and ship changes right in your repo.



Claude is AI and can make mistakes. Please double-check responses.
Contact · HTML
Copy

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Contact Us | T11 Computer | Computer Supplier Sydney</title>
    
    <!-- Google Fonts -->
    <link href='https://fonts.googleapis.com/css2?family=Barlow:wght@300;400;600;700&display=swap' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@400;600;700&display=swap' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Raleway:400,100' rel='stylesheet' type='text/css'>
    
    <!-- Bootstrap -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
    
    <!-- Font Awesome -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
    
    <!-- Custom CSS -->
    <link rel="stylesheet" href="css/owl.carousel.css">
    <link rel="stylesheet" href="style.css">
    <link rel="stylesheet" href="css/responsive.css">
 
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
    <link rel="icon" type="image/x-icon" href="/img/favicon.ico">
 
    <style>
      .page-banner {
        background: #2b2b2b;
        padding: 30px 0;
      }
      .page-banner h1 {
        color: #fff;
        font-size: 28px;
        font-weight: 600;
        margin: 0 0 5px 0;
        font-family: 'Barlow Condensed', sans-serif;
        letter-spacing: 1px;
        text-transform: uppercase;
      }
      .page-banner .breadcrumb {
        background: transparent;
        padding: 0;
        margin: 0;
        font-size: 13px;
      }
      .page-banner .breadcrumb li a { color: #37b5fe; }
      .page-banner .breadcrumb li.active { color: #aaa; }
      .page-banner .breadcrumb > li + li:before { color: #666; }
 
      .contact-area {
        padding: 50px 0 60px;
        background: #f9f9f9;
      }
      .contact-info-box {
        background: #fff;
        border: 1px solid #eee;
        padding: 30px 25px;
        margin-bottom: 30px;
        text-align: center;
        transition: box-shadow 0.2s;
      }
      .contact-info-box:hover {
        box-shadow: 0 4px 18px rgba(0,0,0,0.08);
      }
      .contact-info-box .icon-wrap {
        width: 60px;
        height: 60px;
        background: #37b5fe;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 16px;
      }
      .contact-info-box .icon-wrap i {
        color: #fff;
        font-size: 22px;
      }
      .contact-info-box h3 {
        font-size: 15px;
        font-weight: 600;
        color: #2b2b2b;
        margin: 0 0 8px;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        font-family: 'Barlow Condensed', sans-serif;
      }
      .contact-info-box p {
        font-size: 13px;
        color: #666;
        margin: 0;
        line-height: 1.7;
      }
      .contact-info-box a { color: #37b5fe; text-decoration: none; }
      .contact-info-box a:hover { text-decoration: underline; }
 
      .contact-form-wrap {
        background: #fff;
        border: 1px solid #eee;
        padding: 35px 30px;
        margin-bottom: 30px;
      }
      .contact-form-wrap h2 {
        font-size: 22px;
        font-weight: 600;
        color: #2b2b2b;
        margin: 0 0 20px;
        font-family: 'Barlow Condensed', sans-serif;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        border-bottom: 2px solid #37b5fe;
        padding-bottom: 10px;
        display: inline-block;
      }
      .contact-form-wrap .form-group { margin-bottom: 18px; }
      .contact-form-wrap label {
        font-size: 12px;
        font-weight: 600;
        color: #555;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        margin-bottom: 6px;
        display: block;
      }
      .contact-form-wrap input[type="text"],
      .contact-form-wrap input[type="email"],
      .contact-form-wrap input[type="tel"],
      .contact-form-wrap select,
      .contact-form-wrap textarea {
        width: 100%;
        border: 1px solid #ddd;
        padding: 10px 14px;
        font-size: 13px;
        color: #444;
        background: #fafafa;
        border-radius: 2px;
        font-family: 'Barlow', sans-serif;
        transition: border-color 0.2s, background 0.2s;
        -webkit-appearance: none;
        box-sizing: border-box;
      }
      .contact-form-wrap input:focus,
      .contact-form-wrap select:focus,
      .contact-form-wrap textarea:focus {
        outline: none;
        border-color: #37b5fe;
        background: #fff;
      }
      .contact-form-wrap textarea { height: 130px; resize: vertical; }
      .contact-form-wrap select {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23999'/%3E%3C/svg%3E");
        background-repeat: no-repeat;
        background-position: right 12px center;
        padding-right: 30px;
        cursor: pointer;
      }
      .btn-contact-submit {
        background: #37b5fe;
        color: #fff;
        border: none;
        padding: 12px 35px;
        font-size: 13px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 1px;
        font-family: 'Barlow Condensed', sans-serif;
        cursor: pointer;
        border-radius: 2px;
        transition: background 0.2s;
      }
      .btn-contact-submit:hover { background: #1a9fe0; }
      .form-success {
        display: none;
        background: #e8f8e8;
        border: 1px solid #b2dfb2;
        color: #2e7d2e;
        padding: 12px 16px;
        font-size: 13px;
        border-radius: 2px;
        margin-top: 14px;
      }
 
      .map-wrap {
        background: #fff;
        border: 1px solid #eee;
        overflow: hidden;
        margin-bottom: 30px;
      }
      .map-wrap h2 {
        font-size: 20px;
        font-weight: 600;
        color: #2b2b2b;
        margin: 0;
        font-family: 'Barlow Condensed', sans-serif;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        border-bottom: 2px solid #37b5fe;
        padding: 18px 25px 10px;
        display: block;
      }
      .map-wrap iframe {
        display: block;
        width: 100%;
        height: 320px;
        border: none;
      }
 
      .hours-wrap {
        background: #fff;
        border: 1px solid #eee;
        padding: 25px;
        margin-bottom: 20px;
      }
      .hours-wrap h3 {
        font-size: 16px;
        font-weight: 600;
        color: #2b2b2b;
        margin: 0 0 15px;
        font-family: 'Barlow Condensed', sans-serif;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        border-bottom: 2px solid #37b5fe;
        padding-bottom: 8px;
        display: inline-block;
      }
      .hours-table { width: 100%; }
      .hours-table tr td {
        font-size: 13px;
        padding: 6px 0;
        color: #555;
        border-bottom: 1px solid #f0f0f0;
      }
      .hours-table tr:last-child td { border-bottom: none; }
      .hours-table tr td:last-child { text-align: right; font-weight: 600; color: #2b2b2b; }
      .hours-table tr.today td { color: #37b5fe; font-weight: 600; }
      .hours-table tr.today td:last-child { color: #37b5fe; }
 
      .getting-here-box {
        background: #fff;
        border: 1px solid #eee;
        padding: 20px 22px;
        margin-bottom: 20px;
      }
      .getting-here-box h3 {
        font-size: 15px;
        font-weight: 600;
        color: #2b2b2b;
        margin: 0 0 12px;
        font-family: 'Barlow Condensed', sans-serif;
        text-transform: uppercase;
        letter-spacing: 0.5px;
        border-bottom: 2px solid #37b5fe;
        padding-bottom: 8px;
        display: inline-block;
      }
      .getting-here-box p { font-size: 13px; color: #666; margin: 0; line-height: 1.9; }
    </style>
  </head>
  <body>
 
    <div class="header-area">
        <div class="container">
            <div class="row">
                <div class="col-md-8">
                    <div class="user-menu">
                        <ul>
                            <li><a href="#"><i class="fa fa-clock-o"></i> Mon–Sat 9am–7pm | Sun 10am–6pm</a></li>
                            <li><a href="cart.html"><i class="fa fa-shopping-cart"></i> My Cart</a></li>
                            <li><a href="checkout.html"><i class="fa fa-credit-card"></i> Checkout</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="header-right" style="text-align:right;padding:8px 0;">
                        <span style="color:#5b5b5b;font-size:13px;margin-right:15px;">
                            <i class="fa fa-map-marker" style="color:#37b5fe;margin-right:5px;"></i>
                            Shop T11, Level 1/730-742 George St, Haymarket NSW 2000
                        </span>
                        <span style="color:#5b5b5b;font-size:13px;">
                            <i class="fa fa-phone" style="color:#37b5fe;margin-right:5px;"></i> 0449 668 683
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </div>
 
    <div class="site-branding-area">
        <div class="container">
            <div class="row">
                <div class="col-sm-6">
                    <div class="logo" style="margin:15px 0;">
                        <a href="index.html"><img src="https://i.postimg.cc/dVtHmCzc/t11logo.png" alt="T11 Computer" style="max-height:70px;"></a>
                    </div>
                </div>
                <div class="col-sm-6">
                    <div class="shopping-item">
                        <a href="cart.html">Cart - <span class="cart-amunt">A$0.00</span> <i class="fa fa-shopping-cart"></i> <span class="product-count">0</span></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
 
    <div class="mainmenu-area">
        <div class="container">
            <div class="row">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                </div>
                <div class="navbar-collapse collapse">
                    <ul class="nav navbar-nav">
                        <li><a href="index.html">Home</a></li>
                        <li><a href="shop.html">Products</a></li>
                        <li><a href="single-product.html">Computers</a></li>
                        <li><a href="cart.html">Cart</a></li>
                        <li><a href="checkout.html">Checkout</a></li>
                        <li><a href="#">Laptops</a></li>
                        <li><a href="#">Accessories</a></li>
                        <li class="active"><a href="contact.html">Contact Us</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
 
    <div class="page-banner">
        <div class="container">
            <div class="row">
                <div class="col-md-12">
                    <h1>Contact Us</h1>
                    <ol class="breadcrumb">
                        <li><a href="index.html">Home</a></li>
                        <li class="active">Contact Us</li>
                    </ol>
                </div>
            </div>
        </div>
    </div>
 
    <div class="contact-area">
        <div class="container">
 
            <!-- Info boxes -->
            <div class="row">
                <div class="col-md-4 col-sm-4">
                    <div class="contact-info-box">
                        <div class="icon-wrap"><i class="fa fa-map-marker"></i></div>
                        <h3>Visit Us In-Store</h3>
                        <p>Shop T11, Level 1<br>730-742 George Street<br>Haymarket NSW 2000</p>
                    </div>
                </div>
                <div class="col-md-4 col-sm-4">
                    <div class="contact-info-box">
                        <div class="icon-wrap"><i class="fa fa-phone"></i></div>
                        <h3>Call Us</h3>
                        <p>
                            <a href="tel:0449668683">0449 668 683</a><br>
                            Mon–Sat: 9am – 7pm<br>
                            Sun: 10am – 6pm
                        </p>
                    </div>
                </div>
                <div class="col-md-4 col-sm-4">
                    <div class="contact-info-box">
                        <div class="icon-wrap"><i class="fa fa-envelope"></i></div>
                        <h3>Email Us</h3>
                        <p>
                            <a href="mailto:info@t11computer.com.au">info@t11computer.com.au</a><br>
                            We aim to respond<br>within 1 business day
                        </p>
                    </div>
                </div>
            </div>
 
            <!-- Form + sidebar -->
            <div class="row">
                <div class="col-md-8">
                    <div class="contact-form-wrap">
                        <h2>Send Us a Message</h2>
                        <form id="contactForm" novalidate>
                            <div class="row">
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>Your Name *</label>
                                        <input type="text" id="cf-name" placeholder="e.g. John Smith" required>
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>Email Address *</label>
                                        <input type="email" id="cf-email" placeholder="e.g. john@email.com" required>
                                    </div>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>Phone Number</label>
                                        <input type="tel" id="cf-phone" placeholder="e.g. 0400 000 000">
                                    </div>
                                </div>
                                <div class="col-sm-6">
                                    <div class="form-group">
                                        <label>Enquiry Type</label>
                                        <select id="cf-enquiry">
                                            <option value="">Select a topic...</option>
                                            <option>Product Enquiry</option>
                                            <option>Repair &amp; Service</option>
                                            <option>Stock Availability</option>
                                            <option>Order &amp; Delivery</option>
                                            <option>Warranty &amp; Returns</option>
                                            <option>General Enquiry</option>
                                        </select>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label>Message *</label>
                                <textarea id="cf-message" placeholder="Tell us how we can help..." required></textarea>
                            </div>
                            <button type="submit" class="btn-contact-submit">
                                <i class="fa fa-paper-plane" style="margin-right:8px;"></i>Send Message
                            </button>
                            <div class="form-success" id="formSuccess">
                                <i class="fa fa-check-circle" style="margin-right:6px;"></i>
                                Thanks! Your message has been sent. We'll be in touch within 1 business day.
                            </div>
                        </form>
                    </div>
                </div>
 
                <div class="col-md-4">
                    <div class="hours-wrap">
                        <h3>Store Hours</h3>
                        <table class="hours-table">
                            <tr id="hr-Monday"><td>Monday</td><td>9am – 7pm</td></tr>
                            <tr id="hr-Tuesday"><td>Tuesday</td><td>9am – 7pm</td></tr>
                            <tr id="hr-Wednesday"><td>Wednesday</td><td>9am – 7pm</td></tr>
                            <tr id="hr-Thursday"><td>Thursday</td><td>9am – 7pm</td></tr>
                            <tr id="hr-Friday"><td>Friday</td><td>9am – 7pm</td></tr>
                            <tr id="hr-Saturday"><td>Saturday</td><td>9am – 7pm</td></tr>
                            <tr id="hr-Sunday"><td>Sunday</td><td>10am – 6pm</td></tr>
                        </table>
                    </div>
                    <div class="getting-here-box">
                        <h3><i class="fa fa-train" style="color:#37b5fe;margin-right:8px;"></i>Getting Here</h3>
                        <p>
                            <strong>Train:</strong> Central Station (5 min walk)<br>
                            <strong>Bus:</strong> George St stops nearby<br>
                            <strong>Parking:</strong> Capitol Square carpark on Thomas St
                        </p>
                    </div>
                </div>
            </div>
 
            <!-- Map -->
            <div class="row">
                <div class="col-md-12">
                    <div class="map-wrap">
                        <h2><i class="fa fa-map" style="color:#37b5fe;margin-right:10px;"></i>Find Us</h2>
                        <iframe
                            src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3312.674190954849!2d151.20181531521836!3d-33.88192678065255!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6b12ae3dce65a9b1%3A0x1cf58ad898bac5b3!2s730-742%20George%20St%2C%20Haymarket%20NSW%202000!5e0!3m2!1sen!2sau!4v1620000000000!5m2!1sen!2sau"
                            allowfullscreen=""
                            loading="lazy"
                            referrerpolicy="no-referrer-when-downgrade">
                        </iframe>
                    </div>
                </div>
            </div>
 
        </div>
    </div>
 
    <!-- Footer -->
    <div class="footer-top-area">
        <div class="zigzag-bottom"></div>
        <div class="container">
            <div class="row">
                <div class="col-md-3 col-sm-6">
                    <div class="footer-about-us">
                        <h2 style="font-weight:300;margin-bottom:12px;"><img src="https://i.postimg.cc/dVtHmCzc/t11logo.png" alt="T11 Computer" style="max-height:50px;filter:brightness(0) invert(1);"></h2>
                        <p>Sydney's trusted brick-and-mortar computer store. Visit us at Shop T11, Level 1, 730-742 George Street, Haymarket NSW 2000. We stock laptops, desktops, components, peripherals and accessories from all major brands.</p>
                        <div class="footer-social">
                            <a href="#" target="_blank"><i class="fa fa-facebook"></i></a>
                            <a href="#" target="_blank"><i class="fa fa-twitter"></i></a>
                            <a href="#" target="_blank"><i class="fa fa-youtube"></i></a>
                            <a href="#" target="_blank"><i class="fa fa-linkedin"></i></a>
                            <a href="#" target="_blank"><i class="fa fa-pinterest"></i></a>
                        </div>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="footer-menu">
                        <h2 class="footer-wid-title">Quick Links</h2>
                        <ul>
                            <li><a href="#">About T11 Computer</a></li>
                            <li><a href="#">Store Location</a></li>
                            <li><a href="contact.html">Contact Us</a></li>
                            <li><a href="#">Repairs &amp; Service</a></li>
                            <li><a href="#">Special Offers</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="footer-menu">
                        <h2 class="footer-wid-title">Categories</h2>
                        <ul>
                            <li><a href="#">Laptops &amp; Notebooks</a></li>
                            <li><a href="#">Desktop PCs</a></li>
                            <li><a href="#">Monitors &amp; Displays</a></li>
                            <li><a href="#">Computer Components</a></li>
                            <li><a href="#">Accessories &amp; Peripherals</a></li>
                        </ul>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="footer-newsletter">
                        <h2 class="footer-wid-title">Newsletter</h2>
                        <p>Subscribe for weekly deals, new arrivals, and tech news from T11 Computer — straight to your inbox!</p>
                        <div class="newsletter-form">
                            <form action="#">
                                <input type="email" placeholder="Type your email">
                                <input type="submit" value="Subscribe">
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
 
    <div class="footer-bottom-area">
        <div class="container">
            <div class="row">
                <div class="col-md-8">
                    <div class="copyright">
                        <p>&copy; 2025 T11 Computer. All Rights Reserved. Shop T11, Level 1/730-742 George St, Haymarket NSW 2000 | <a href="mailto:info@t11computer.com.au" style="color:#37b5fe;">info@t11computer.com.au</a></p>
                    </div>
                </div>
                <div class="col-md-4">
                    <div class="footer-card-icon">
                        <i class="fa fa-cc-discover"></i>
                        <i class="fa fa-cc-mastercard"></i>
                        <i class="fa fa-cc-paypal"></i>
                        <i class="fa fa-cc-visa"></i>
                    </div>
                </div>
            </div>
        </div>
    </div>
 
    <script src="https://code.jquery.com/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
    <script src="js/owl.carousel.min.js"></script>
    <script src="js/jquery.sticky.js"></script>
    <script src="js/jquery.easing.1.3.min.js"></script>
    <script src="js/main.js"></script>
    <script>
      // Highlight today's row
      var days = ['Sunday','Monday','Tuesday','Wednesday','Thursday','Friday','Saturday'];
      var today = days[new Date().getDay()];
      var todayRow = document.getElementById('hr-' + today);
      if (todayRow) todayRow.classList.add('today');
 
      // Contact form
      document.getElementById('contactForm').addEventListener('submit', function(e) {
        e.preventDefault();
        var name = document.getElementById('cf-name').value.trim();
        var email = document.getElementById('cf-email').value.trim();
        var message = document.getElementById('cf-message').value.trim();
        if (!name || !email || !message) {
          alert('Please fill in your name, email address, and message.');
          return;
        }
        document.getElementById('formSuccess').style.display = 'block';
        this.reset();
      });
    </script>
  </body>
</html>