diff --git a/.vs/LBT_Website/v15/.suo b/.vs/LBT_Website/v15/.suo index bbd757b..fb0da4d 100644 Binary files a/.vs/LBT_Website/v15/.suo and b/.vs/LBT_Website/v15/.suo differ diff --git a/.vs/VSWorkspaceState.json b/.vs/VSWorkspaceState.json index a9803ef..5be9559 100644 --- a/.vs/VSWorkspaceState.json +++ b/.vs/VSWorkspaceState.json @@ -2,6 +2,6 @@ "ExpandedNodes": [ "" ], - "SelectedNode": "\\style.css", + "SelectedNode": "\\index.html", "PreviewInSolutionExplorer": false } \ No newline at end of file diff --git a/.vs/slnx.sqlite b/.vs/slnx.sqlite index 3dead3d..94c978d 100644 Binary files a/.vs/slnx.sqlite and b/.vs/slnx.sqlite differ diff --git a/index.html b/index.html index 706137b..f1cf591 100644 --- a/index.html +++ b/index.html @@ -176,8 +176,8 @@

we provides

-

Core Members

-

our strength

+

Core Members

+

our strength

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Felis suscipit gravida euismod arcu.ou @@ -227,7 +227,7 @@

Geethika Kommineni

  • - +

    Chetan Mylapilli

    Founder & Co-Founder

    @@ -261,7 +261,7 @@

    Chetan Mylapilli

    - +
  • @@ -304,7 +304,7 @@

    Divya Sri Darimisetti

    - +
  • @@ -345,7 +345,7 @@

    Rishita Nayak

    -
  • +
  • @@ -385,7 +385,7 @@

    Lavanya Chaudhry

    -
  • +
  • @@ -425,7 +425,7 @@

    Afiya

    -
  • +
  • @@ -465,7 +465,7 @@

    Moksh Pathak

    -
  • +
  • @@ -504,8 +504,8 @@

    Padi Sai Shirisha

    - -
  • + +
  • @@ -544,8 +544,8 @@

    Krupesh Vithlani

    - -
  • + +
  • @@ -584,8 +584,8 @@

    Chebrolu Rukmini

    - -
  • + +
  • @@ -624,8 +624,8 @@

    Ankita Anant

    - -
  • + +
  • @@ -664,8 +664,8 @@

    Keerthana Pravallika Samudrala

    - -
  • + +
  • @@ -704,8 +704,8 @@

    Kaushik Lakhani

    - -
  • + +
  • @@ -744,8 +744,8 @@

    Sanjana Paidi

    - -
  • + +
  • @@ -784,8 +784,8 @@

    Suraj Kumar

    - -
  • + +
  • @@ -793,7 +793,7 @@

    Suraj Kumar

    Tarun Kumar Miriyala

    Tech Team

    - +

    @@ -824,8 +824,8 @@

    Tarun Kumar Miriyala

    - -
  • + +
  • @@ -864,8 +864,8 @@

    Uttam Kumar

    - -
  • + +
  • @@ -904,8 +904,8 @@

    Aman Kumar

    - -
  • + +
  • @@ -944,8 +944,8 @@

    B Simon Paul

    - -
  • + +
  • @@ -984,8 +984,8 @@

    Pratik Rathod

    - -
  • + +
  • @@ -1024,8 +1024,8 @@

    Aakarsh Beohar

    - -
  • + +
  • @@ -1064,8 +1064,8 @@

    Alankruthi Saieni

    - -
  • + +
  • @@ -1104,8 +1104,8 @@

    Nikitha Challa

    - -
  • + +
  • @@ -1144,8 +1144,8 @@

    Triveni

    - -
  • + +
  • @@ -1184,8 +1184,8 @@

    Yashwanth Sai

    - -
  • + +
  • @@ -1224,8 +1224,8 @@

    Sriniketh J

    - -
  • + +
  • @@ -1264,8 +1264,8 @@

    Harinadh

    - -
  • + +
  • @@ -1304,8 +1304,8 @@

    Unni Krishnan

    - -
  • + + @@ -1331,17 +1331,17 @@

    - -

    User 1

    + +

    User 1

    PG Student

    + + + -->
    Lorem ipsum dolor sit amet consectetur adipisicing elit. @@ -1354,17 +1354,17 @@

    User 1

    diff --git a/style.css b/style.css index d46ae00..284635f 100644 --- a/style.css +++ b/style.css @@ -473,6 +473,7 @@ h1 span { /*****MEMBERS SECTION*****/ + * { box-sizing: border-box; } @@ -480,14 +481,15 @@ h1 span { ul, li { margin: 0; - /* padding: 3em 8em 0 8em; */ - list-style: none; + padding: 3em 8em 0 8em; + list-style: none; } .list-content img { border-radius: 50%; height: 10em; - padding: 0.5em 2.5em 0.5em 2.5em; + padding: 0.5em 2em 0.5em 2em; + display: inline-block; } @@ -495,26 +497,29 @@ ul, li { .list { display: flex; flex-wrap: wrap; - margin-top: 3em; + margin-top: 3em; } .list-item { display: flex; padding: 0.5em; width: 100%; - justify-content: space-around; + justify-content: space-around; } + + + @media all and (min-width: 40em) { .list-item { width: 50%; } } + @media all and (min-width: 60em) { .list-item { width: 33.33%; - } } @@ -530,31 +535,32 @@ ul, li { height: 22em; } -.list-content p{ - margin: 0.1em; -} + .list-content p { + margin: 0.1em; + } -.list-content .icons { + .list-content .icons { display: flex; justify-content: space-around; align-items: center; margin: auto; margin-bottom: 0.2em; -} + } .members h2 { color: #000000; - margin-left: 5rem; + margin-left: 4rem; margin-bottom: 0.5em; + margin-right: 68vw; font-family: poppins; font-style: normal; opacity: 0.8; } -.list-content h3{ +.list-content h3 { margin-top: 0.1em; - font-size: 1.5em; + font-size: 1.5rem; } .members h5 { @@ -566,17 +572,63 @@ ul, li { font-family: poppins; font-style: normal; font-weight: 400; + font-size: 1.5rem; +} + +@media all and (max-width: 25.875em) { + .list { + width: 109%; + } + + .list-item { + width: 38vw; + } + + .list-content { + display: flex; + justify-content: space-around; + margin: auto; + } + + .list-content h3 { + font-size: 4vw; + } + + .list-content p { + font-size: 3vw; + } + + .list-content img { + border-radius: 50%; + height: 8em; + padding: 0.5em 0.5em 0.5em 0.5em; + display: inline-block; + width: auto; + } + + .list-content .icons { + display: block; + justify-content: space-around; + align-items: center; + margin: auto; + margin-bottom: 0.2em; + } +} + + +@media all and (max-width: 12.5em) { + .list-content .icons { + display: none; + } } /**************************************/ /********TESTIMONIALS SECTION*********/ - /* Colors could be changed as per the Website Theme */ - .testimonials .container { - background: linear-gradient(to left, #e66465, #9198e5); + background: linear-gradient(to left, #e66465, #9198e5); } .carousel-inner {