2t-static/index.html at main · 2T-2/2t-static · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title> CMS Platform</title>
  <link rel="stylesheet" href="style.css">
</head>
<body>
  <div class="wrapper">
    <header>
      <h1>Welcome to My CMS Platform</h1>
      <nav>

        <a href="index.html">Home</a>
        <a href="about.html">About</a>
        <a href="contact.html">Contact</a>

      </nav>
    </header>

    <main>
      <section class="container">
        <div class="content">
          <div class="text">
            <h2>Where does it come from?</h2>
            <p>This is a brief description of project one. It highlights the main features and goals.</p>
            <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia, looked up one of the more obscure Latin words, consectetur, from a Lorem Ipsum passage, and going through the cites of the word in classical literature, discovered the undoubtable source. Lorem Ipsum comes from sections 1.10.32 and 1.10.33 of "de Finibus Bonorum et Malorum" (The Extremes of Good and Evil) by Cicero, written in 45 BC. This book is a treatise on the theory of ethics, very popular during the Renaissance. The first line of Lorem Ipsum, "Lorem ipsum dolor sit amet..", comes from a line in section 1.10.32.

The standard chunk Cicero are also reproduced in their exact original form, accompanied by English versions from the 1914 translation by H. Rackham.</p>
            <button class="btn">Read More</button>

          </div>
          <div class="image">
            <img src="assets/asset-1.jpg" alt="Project One Image">
          </div>
        </div>
      </section>

      <section class="container">
        <div class="content">
          <div class="text">
            <h2>Where can I get some?</h2>
            <p>This is a brief description of project two as we mentioned . It explains what makes this project unique.</p>
            <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.</p>
            <button class="btn">Read More</button>
          </div>
          <div class="image">
            <img src="assets/asset-2.jpg" alt="Project Two Image">
          </div>
        </div>
      </section>

      <section class="container">
        <div class="content">
          <div class="text">
            <h2>my today new post</h2>
            <p>This is a brief description of project two. It explains what makes this project unique.</p>
            <p>There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet. It uses a dictionary of over 200 Latin words, combined with a handful of model sentence structures, to generate Lorem Ipsum which looks reasonable. The generated Lorem Ipsum is therefore always free from repetition, injected humour, or non-characteristic words etc.</p>
            <button class="btn">Read More</button>
          </div>
          <div class="image">
            <img src="assets/hi.jpg" alt="Project Two Image">
          </div>
        </div>
      </section>

      <section class="container">
        <div class="content">
          <div class="text">
            <h2>Project Three</h2>
            <p>This is a brief description of project three. Showcase your skills and achievements.</p>
            <p>Lorem ipsum dolor sit amet, lentesque eu, Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,</p>
            <button class="btn">Read More</button>
          </div>
          <div class="image">
            <img src="assets/asset-3.jpg" alt="Project Three Image">
          </div>
        </div>
      </section>
    </main>
    <footer>
<<<<<<< HEAD
        <p>&copy; 2026 -  All rights are reserved.</p>
=======
        <p>&copy; 2025 -  All rights are reserved.</p>
>>>>>>> main
        <p>Your Current Coordinates: <span id="location-display">Fetching location...</span></p>
    </footer>

    <script>
        document.addEventListener('DOMContentLoaded', (event) => {
            const locationDisplay = document.getElementById('location-display');

            // 1. Check for Geolocation API support
            if ("geolocation" in navigator) {

                const options = {
                    enableHighAccuracy: true,
                    timeout: 5000,
                    maximumAge: 0
                };

                // 2. Request user's position
                navigator.geolocation.getCurrentPosition(success, error, options);
            } else {
                locationDisplay.textContent = "Geolocation is not supported by your browser.";
            }
        });

        // 3. Success Callback: Get coordinates
        function success(position) {
            const latitude = position.coords.latitude;
            const longitude = position.coords.longitude;
            const locationDisplay = document.getElementById('location-display');

            // Display the coordinates
            locationDisplay.textContent = `Lat: ${latitude.toFixed(4)}, Lon: ${longitude.toFixed(4)}`;

            // Note: The .toFixed(4) is used to round the long decimal values for cleaner display.
        }

        // 4. Error Callback: Handle issues (denial, timeout, etc.)
        function error(err) {
            const locationDisplay = document.getElementById('location-display');

            let errorMessage = "Could not fetch location.";

            switch(err.code) {
                case err.PERMISSION_DENIED:
                    errorMessage = "Location access **denied** by the user.";
                    break;
                case err.POSITION_UNAVAILABLE:
                    errorMessage = "Location information is **unavailable**.";
                    break;
                case err.TIMEOUT:
                    errorMessage = "Request for location **timed out**.";
                    break;
            }
            locationDisplay.textContent = errorMessage;
            console.warn(`ERROR(${err.code}): ${err.message}`);
        }
    </script>


  </div>
</body>
</html>