From 5b745c3511869c74b1670a13edf089ac4ea08a53 Mon Sep 17 00:00:00 2001 From: AnkuT <163733670+Anku-T@users.noreply.github.com> Date: Fri, 19 Jul 2024 20:27:52 +0545 Subject: [PATCH] Add files via upload --- code.js | 0 index.html | 31 +++ np.svg | 567 +++++++++++++++++++++++++++++++++++++++++++++++++++++ style.css | 116 +++++++++++ test.svg | 3 + 5 files changed, 717 insertions(+) create mode 100644 code.js create mode 100644 index.html create mode 100644 np.svg create mode 100644 style.css create mode 100644 test.svg diff --git a/code.js b/code.js new file mode 100644 index 0000000..e69de29 diff --git a/index.html b/index.html new file mode 100644 index 0000000..6a7150c --- /dev/null +++ b/index.html @@ -0,0 +1,31 @@ + + + + + MAP + + +
+
+
Map of Nepal
+ + +
+
+

This is a Simple Map of Nepal but with a twist. This map allows you to view all the important landmarks in Nepal. These landmarks are appropriately marked and are all possible questions for Samajik subject in SEE.

+
+
+
+ +
+
+
+
+
+
+
+
+
+
+ + \ No newline at end of file diff --git a/np.svg b/np.svg new file mode 100644 index 0000000..ee34c93 --- /dev/null +++ b/np.svg @@ -0,0 +1,567 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/style.css b/style.css new file mode 100644 index 0000000..3190646 --- /dev/null +++ b/style.css @@ -0,0 +1,116 @@ +.img { +border: solid; +border-color: black; +border-width: 5px; +margin-left: auto; +margin-right: auto; +display:block; +width: 70%; +height: auto; +user-select: none; +padding: 0; +background-color:whitesmoke; + +} + + + +br{ + user-select: none; +} + +p{ +font-family: Calibri; +font-size: medium; +color: midnightblue; + +} + + + +.map-container { + display: flex; + position: relative; /* Needed for absolute positioning of landmarks */ + } + + .landmarks { + position: absolute; /* This can be removed if using flexbox for alignment */ + top: 0; + left: 0; + display: flex; /* Activate flexbox for child elements */ + width: 100%; /* Ensures landmarks scale with the container */ + height: 100%; + justify-content: space-between; + } + + .city { + width: 10px; /* Size of the dot */ + height: 10px; + border-radius: 50%; + background-color: red; + flex-grow: 0; + justify-self: flex-start; + align-self: flex-start; + } + + .kathmandu { + margin-top: 26%; + margin-left:60%; + } + + .lumbini { + margin-top: 25%; + margin-left:40%; + } + + .chitwan{ + margin-top: 30%; + margin-left:40%; + } + + .linejasto{ + display: flex; + position:absolute; + width:100% ; + height: 50px; + background-color: #B6B6B6; + padding: 8px; + color: white; + font-family: Helvetica; + margin:-10px -10px; + text-align:center; + + } + body{ + overflow: hidden; + background-color: #110D11; +} + +.Headtext{ + text-align: center; + font-size: large; + color: azure; + padding-top: 15px; + border:solid black; + border-spacing: 5px; + background-color: black; + padding-left: 3px; + padding-right:3px; + padding-top:10px ; + border-radius: 12%; +} +.input-style { + padding: 10px; + border: 2px solid #ccc; + border-radius: 5px; + font-size: 16px; + color: #555; + outline: none; + margin-left: 5; + +} + +.input-style:focus { + border-color: #007bff; + box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25); +} diff --git a/test.svg b/test.svg new file mode 100644 index 0000000..36a086e --- /dev/null +++ b/test.svg @@ -0,0 +1,3 @@ + + + \ No newline at end of file