From d9f26ec2ef93333509e3f49573ab6fa0a5f711fb Mon Sep 17 00:00:00 2001 From: saurabh Date: Sun, 9 Oct 2022 11:04:13 +0530 Subject: [PATCH] "About Page" --- about.html | 72 ++++++++++++++++++++++++++++++ style.css | 128 ++++++++++++++++++++++++++++++++++++++++++++++++++++- 2 files changed, 199 insertions(+), 1 deletion(-) create mode 100644 about.html diff --git a/about.html b/about.html new file mode 100644 index 0000000..a40ab91 --- /dev/null +++ b/about.html @@ -0,0 +1,72 @@ + + + + + + + emulation + + + + + +
+
+

About Us

+

We are fastest growing coding club of your coolege join us for better guide and exposure for enhance your coading skills, and get placed in your dream MNCs.

+
+
+
    +
  • Coding Contest.
    • +
  • Coding Guidance.
    • +
  • Problem solving.
    • +
+
+
+
    +
  • Real Evaluation.
    • +
  • Notes.
    • +
  • Doubt solving.
    • +
+
+
+
+
+
10
+

Coding Contest

+
+
+
150
+

Visited

+
+
+
38
+

Happy

+
+
+
16
+

Placed

+
+
+
+
+

What are you waiting for, Join our club..

+
+
+ Join us +
+
+
+ +
+ + \ No newline at end of file diff --git a/style.css b/style.css index 626654d..abd1348 100644 --- a/style.css +++ b/style.css @@ -34,4 +34,130 @@ p { #course-image { width: 100px; height: 100px; -} \ No newline at end of file +} + + + + + + + /* css for about page */ + + + + +.about{ + padding: 5rem 20px; +} +/* .about-heading{ + border-bottom: 6px solid #a63946; +} */ + +.about-heading::after{ + content: ""; + display: block; + border: 3px solid #e63946; + width: 100%; +} + +/* #########about wrapper############# */ +/* .about{ + + background: url(..//img/gallery.png.jpg); +} */ + + +.about-wrapper{ + text-align: center; + margin-top: 4rem; +} +.about-wrapper .left{ +float: left; +width: 50%; +} + +.about-wrapper .right{ + float: right; + width: 50%; +} +.about-wrapper::after{ + content: ""; + display: block; + clear: both; +} +.about-wrapper li::before{ + content: "\2713"; + color: red; + font-weight: bold; + padding-right:1rem ; + padding-left: 1rem; +} +/* ###########count styling############## */ + +.counts{ + + margin-top: 3rem; +} +.count-item{ + + width: 25%; + float: left; + text-align: center; +} +.counts::after{ + content: ""; + display: block; + clear: both; +} +.count-item .patanhi{ + font-size: 3rem; + font-weight: 700; + color: #e63947; +} +.count-item p{ + font-weight: 700; + color: gray; + font-size: 1.8rem; +} + +/* #banner styling##### */ + +.cta-banner{ + background: #e63946; + color: #f4f4f4; + padding: 1rem; + box-shadow: 10px 10px 10px #000000; + margin-top: 3rem; +} +.cta-banner-left{ + width: 60%; + float: left; +} + + +.cta-banner-right{ + width: 40%; + float: right; + text-align: right; +} +.cta-line{ + font-weight: 700; + font-size: 2rem; + margin-top: 1.5rem; +} +.maza{ + text-align: center; + display: inline-block; + font-weight: 700; + font-size: 3rem; + text-transform: uppercase; + border: 4px solid #f4f4f4; + padding: 2px 2px; + letter-spacing: 0.5rem; + color: #f4f4f4; +} +.cta-banner::after{ + content: ""; + display: block; + clear: both; +}