diff --git a/public/css/cp.css b/public/css/cp.css new file mode 100644 index 0000000..1541167 --- /dev/null +++ b/public/css/cp.css @@ -0,0 +1,159 @@ +body{ + background-image: url(../img/bg6.jpg); + color: black; + background-repeat: no-repeat; + background-size: cover; + color: white; + background-position: fixed; + background-attachment: fixed; +} + +.but{ + /*float: left;*/ + margin-right: 20%; + margin-bottom: 2%; + background-color: rgb(255,255,,255); + color: black; +} + +h1{ + /*color: rgb(229, 229, 204);*/ + color: rgb(246, 246, 239); + font-weight: bold; + text-transform: uppercase; + text-shadow: 2px 2px 4px #000000; + letter-spacing: 0.1em; +} + + +h3{ + color: white; + /*color: rgb(246, 246, 239);*/ + font-weight: bold; + text-transform: uppercase; + letter-spacing: 0.1em; + text-shadow: 2px 2px 4px #000000; +} + + +hr{ + width: 40%; + border-top: 1px solid #f8f8f8; + border-bottom:1px solid rgba(0,0,0,.2); +} + +.content{ + /*color: rgb(246, 246, 239);*/ + text-shadow: 2px 2px 4px #000000; + text-align: center; +} + +.social{ + width: 30%; + padding-bottom: 3%; +} + +a{ + display: inline-block; + margin: 5%; + font-size: 2.5rem; + color: white; + transition: transform .2s; +} + +a:hover{ + color: red; + font-size: 4rem; + margin: 0; + -webkit-transform: scale(1.2); +} + +.wrap{ + width: 30%; + float: left; + margin: 1.66%; + text-align: center; + background-color: rgba(0,0,0,0.3); + color: white; + /*color: rgb(246, 246, 239);*/ + border-radius: 20px; + font-size: 1.3rem; +} + +.wrap:hover{ + background-color: rgba(0,0,0,0.7); + -webkit-transform: scale(1.2); +} + + +#conOne{ + width: 45%; + /* padding-left: 50px; + padding-right: 50px; */ + background-color: rgba(0,0,0,0.3); + /* margin: 5%; */ + margin-top: 2%; + margin-bottom: 2%; + border-radius: 20px; +} + +#conTwo{ + width: 45%; + /* padding-left: 50px; + padding-right: 50px; */ + float: right; + background-color: rgba(0,0,0,0.3); + /* float: left; */ + /* margin: 5%; */ + border-radius: 20px; + margin-top: 2%; + margin-bottom: 2%; + margin-bottom: 5%; +} + +#formButton1 { + display: block; + margin-right: auto; + margin-left: auto; +} + +#formButton2 { + display: block; + margin-right: auto; + margin-left: auto; +} +/* +#box{ + display: flex; +} */ + +@media only screen and (max-width: 800px) { + #conOne{ + margin: auto; + width: 75%; + + } + + #conTwo{ + margin: auto; + width: 75%; + float: none; + + } + body { + /*background-color: lightblue;*/ + font-size: 12px; + } + } + + #form1{ + display: none; +} + +#form2{ + display: none; +} + + + + diff --git a/public/img/bg6.jpg b/public/img/bg6.jpg new file mode 100644 index 0000000..b5438a7 Binary files /dev/null and b/public/img/bg6.jpg differ diff --git a/public/js/pg.js b/public/js/pg.js new file mode 100644 index 0000000..808fbf4 --- /dev/null +++ b/public/js/pg.js @@ -0,0 +1,24 @@ + +function mybutton1() { + var x = document.getElementById("form1"); + if (x.style.display === "none") { + x.style.display = "block"; + + } else { + x.style.display = "none"; + } +} + +function mybutton2() { + var x = document.getElementById("form2"); + var b=document.getElementById("formButton2"); + if (x.style.display === "none") { + x.style.display = "block"; + b.color="red"; + } else { + x.style.display = "none"; + } +} + + + diff --git a/views/cp.html b/views/cp.html new file mode 100644 index 0000000..91313d4 --- /dev/null +++ b/views/cp.html @@ -0,0 +1,138 @@ + + + + Contact Us + + + + + + + + + + + + + + + + + + + + +
+
+ +
+

Reach Out To Us

+

Hope it has been a smooth learning experience for you at One Stop Help. We would love to hear your feedback, if in any case you have any queries we would love to help you.

+
+ + +
+ + +
+ + +
+
+

Give Your Valuable Feedback

+
+
+ + +
+
+ + +
+
+ + +
+
+ + +
+ + +
+
+ + + +
+ + +
+
+

Tell Us About Your Query

+
+
+ + +
+
+ + +
+
+ + +
+ +
+ + +
+ + + +
+
+ + +
+
+
+
+

Address

+

Indira Gandhi Delhi Technical University fow Women

+
+
+

Phone

+

+91 87009-11111 , +91 87009-22222

+
+
+

Email

+

dscigdtuw@igdtuw.ac.in

+
+ + +
+ +
+ +
+ +
+ +