Merge pull request #89 from anu-shree/master

artfreaks page added

clubs/art.html

@@ -96,7 +96,7 @@
   -o-background-size: cover;">
         <div class="col-md-6 px-0">
           <h1 class="display-4 font-italic">Art Freaks</h1>
-          <p class="lead my-3">The official Painting and Sketching club of IIT (ISM) Dhanbad. In ----, the foundation of Art Freaks was laid out. However, the club developed greatly in ----. <p class="lead mb-0"><a href="#" class="text-white font-weight-bold">
+          <p class="lead my-3">Leaving footprints of happiness through art.  An art ensemble at IIT ISM Dhanbad to motivate young minds towards creativity and ingenuity.<p class="lead mb-0"><a href="#" class="text-white font-weight-bold">
                 Express your creativity</a></p>
         </div>
       </div>
@@ -106,9 +106,12 @@ <h1 class="display-4 font-italic">Art Freaks</h1>
       <div class="card text-white bg-secondary mb-3" >
   <div class="card-header">About Us</div>
   <div class="card-body"><br>
-    <h5 class="card-title">The official Painting and Sketching club of IIT (ISM)</h5> <br>
-    <p class="card-text">We aim to pioneer a trend and inculcate enthusiasm for art and creativity among the students of IIT(ISM), Dhanbad.<br><br>
-      We cover a variety of paiting and Sketching styles in the club
+    <h5 class="card-title">ArtFreaks started as a Facebook Page to provide a platform to ISMites to exhibit their skills in Fine Arts. 
+ArtFreaks initially used to organize competitions to provide opportunity to the artists hidden among the rest. ArtFreaks which is now known for its Extravagant Exhibitions and Mega Artworks, painted its first artwork for Concetto’15, Title- TMNT(Size- 12’X8’), outside the Penman Auditorium. The artwork prepared in open due to lack of art room became the center of attraction and gave recognition to ArtFreaks as the Fine Arts Club of ISM.
+<br><br>
+      From being ArtFreaks - The Fine Arts Club of ISM to ArtFreaks - The Arts Club of IIT(ISM), the growth was exponential. Form our first work in Concetto’15, our contribution in decorating the campus during Fests became a part of our activity. Never lacking in creativity, we’ve worked for Srijan, Concetto, Basant and departmental fests like Spectrum, Vibahav, Geoconfluence, AAPG, Hackfest and many others. Be it Colorful paintings to B&W sketches to 3D sculptures, we have done it all. 
+With growing trend in digital arts, ArtFreaks expanded its horizon and started working in graphics design and our achievements speak for themselves.
+
     </div>
 </div>
 </div>
@@ -120,35 +123,35 @@ <h5 class="card-title">The official Painting and Sketching club of IIT (ISM)</h5
   <div class="card" id="p1">
     <img class="card-img-top" src="../img/face.jpg" alt="Pic" id="p1_img">
     <div id="p1_details">
-    <p align="center"> <em class="text-white bg-dark img-subcap">abc@xyz.com</em></p>
-    <p align="center"> <em class="text-white bg-dark img-cap">+91 xxxxxxxxxx</em></p>
+    <p align="center"> <em class="text-white bg-dark img-subcap">piyali@iitism.ac.in</em></p>
+    <!--<p align="center"> <em class="text-white bg-dark img-cap">+91 xxxxxxxxxx</em></p>-->
     </div>
     <div class="card-body">
       <h6 class="card-title text-primary">Faculty Advisor</h6>
-      <p class="card-text text-secondary">Mr. XYZ</p>
+      <p class="card-text text-secondary">Dr. Piyali Sengupta</p>
     </div>
 
   </div>
   <div class="card" id="p2">
-    <img class="card-img-top" src="../img/face.jpg" alt="Pic" id="p2_img">
+    <img class="card-img-top" src="../img/face.jpg" alt="Pic" id="p1_img">
     <div id="p2_details">
-    <p align="center"> <em class="text-white bg-dark img-subcap">abc@xyz.com</em></p>
-    <p align="center"> <em class="text-white bg-dark img-cap">+91 xxxxxxxxxx</em></p>
+    <!--<p align="center"> <em class="text-white bg-dark img-subcap">abc@xyz.com</em></p>
+    <p align="center"> <em class="text-white bg-dark img-cap">+91 xxxxxxxxxx</em></p>-->
     </div>
     <div class="card-body">
       <h6 class="card-title text-primary person-tit">Sudent Coordinator</h6>
-      <p class="card-text text-secondary person-name">Mr. XYZ</p>
+      <p class="card-text text-secondary person-name">Akash Adhikari</p>
     </div>
      </div>
   <div class="card" id="p3" >
-    <img class="card-img-top" src="../img/face.jpg" alt="Pic" id="p3_img">
+    <img class="card-img-top" src="../img/face.jpg" alt="Pic" id="p1_img">
    <div id="p3_details">
-    <p align="center"> <em class="text-white bg-dark img-subcap">abc@xyz.com</em></p>
-    <p align="center"> <em class="text-white bg-dark img-cap">+91 xxxxxxxxxx</em></p>
+    <!--<p align="center"> <em class="text-white bg-dark img-subcap">abc@xyz.com</em></p>
+    <p align="center"> <em class="text-white bg-dark img-cap">+91 xxxxxxxxxx</em></p>-->
     </div>
      <div class="card-body">
       <h6 class="card-title text-primary person-tit">Sudent Coordinator</h6>
-      <p class="card-text text-secondary person-name">Mr. XYZ</p>
+      <p class="card-text text-secondary person-name">Rohit Ratnesh</p>
     </div>
   </div>
 </div><br>    <p align="center">
@@ -166,32 +169,26 @@ <h4 align="center" id="achieve"> Achievements </h4><br>
   <div class="card">
     <img class="card-img-top" src="../img/trophy.jpg" alt="Card image cap">
     <div class="card-body">
-      <h5 class="card-title"># Inter-IIT Cult</h5>
-      <p class="card-text">The description of achievement in brief will lie here, along with a link of the facebook page showing detailed information about the achievement.</p>
-    </div>
-    <div class="card-footer">
-      <small class="text-muted">updated on 02/02/2019</small>
+      <h5 class="card-title"># Inter-IIT Cult'16</h5>
+      <p class="card-text">2nd in painting</p>
     </div>
+
   </div>
   <div class="card">
     <img class="card-img-top" src="../img/medal.jpg" alt="Card image cap">
     <div class="card-body">
-      <h5 class="card-title"># Inter-IIT Cult</h5>
-      <p class="card-text">The description of achievement in brief will lie here, along with a link of the facebook page showing detailed information about the achievement.</p>
-    </div>
-    <div class="card-footer">
-      <small class="text-muted">updated on 31/01/2019</small>
+      <h5 class="card-title"># Inter-IIT Cult'17</h5>
+      <p class="card-text">3rd in Costume Design and overall 5th in Fine Arts Category</p>
     </div>
+
   </div>
   <div class="card">
     <img class="card-img-top" src="../img/trophy.jpg" alt="Card image cap">
     <div class="card-body">
-      <h5 class="card-title"># Inter-IIT Cult</h5>
-      <p class="card-text">The description of achievement in brief will lie here, along with a link of the facebook page showing detailed information about the achievement.</p>
-    </div>
-    <div class="card-footer">
-      <small class="text-muted">updated on 31/01/2019</small>
+      <h5 class="card-title"># Inter-IIT Cult'18</h5>
+      <p class="card-text">1st in Character Design , 1st in Charcoal Art and overall 3rd in Fine Arts Category </p>
     </div>
+
   </div>
 </div>
 </div>
@@ -203,42 +200,69 @@ <h4 align="center" id="event"> Events </h4><br>
           <div class="card flex-md-row mb-4 shadow-sm h-md-250">
             <div class="card-body d-flex flex-column align-items-start">
                 <h3 class="mb-0">
-                <a class="text-dark" href="#">  <strong class="d-inline-block mb-2 text-primary">Event 1</strong>
+                <a class="text-dark" href="#">  <strong class="d-inline-block mb-2 text-primary">Workshops</strong>
           </a>
               </h3>
-              <div class="mb-1 text-muted">Jan 23</div>
-              <p class="card-text mb-auto">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa, vel eius
-                fugiat hic dolorem facilis?</p>
-              <a role="button" class="btn btn-info btn-md"  href="#">Know more</a> 
+
+              <p class="card-text mb-auto">Workshops of diverse art styles are organized throughout the year and dedicated 4 day Workshops for fresher is organized in August</p>
+              <!--<a role="button" class="btn btn-info btn-md"  href="#">Know more</a>-->
 
             </div>
-            <svg class="bd-placeholder-img card-img-right flex-auto d-none d-lg-block" width="250" height="250" xmlns="http://www.w3.org/2000/svg"
-              preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail">
-              <title>Placeholder</title>
-              <rect fill="#55595c" width="100%" height="100%" /><text fill="#eceeef" dy=".3em" x="50%" y="50%">Thumbnail</text>
-            </svg>
+            <img class="bd-placeholder-img card-img-right flex-auto d-none d-lg-block" width="250" height="250" src="Art_Freaks/Group photo/11930926_822128054572817_21155298104345549_o.jpg">
+            </img>
           </div>
         </div>
+
+
         <div class="col-md-6">
           <div class="card flex-md-row mb-4 shadow-sm h-md-250">
             <div class="card-body d-flex flex-column align-items-start">
                 <h3 class="mb-0">
-                <a class="text-dark" href="#">  <strong class="d-inline-block mb-2 text-danger">Event 2</strong>
+                <a class="text-dark" href="#">  <strong class="d-inline-block mb-2 text-danger">Art Exhibition</strong>
           </a>
               </h3>
               <div class="mb-1 text-muted">Feb 23</div>
-              <p class="card-text mb-auto">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Culpa, vel eius
-                fugiat hic dolorem facilis?</p>
-              <a role="button" class="btn btn-info btn-md"  href="#">Know more</a> 
+              <p class="card-text mb-auto">Organized twice a year, once in July for the fresher and one during Basant. The Basant Art Gallery is the major attraction of the Fest.</p>
+             <!-- <a role="button" class="btn btn-info btn-md"  href="#">Know more</a> -->
 
             </div>
-            <svg class="bd-placeholder-img card-img-right flex-auto d-none d-lg-block" width="250" height="250" xmlns="http://www.w3.org/2000/svg"
-              preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail">
-              <title>Placeholder</title>
-              <rect fill="#55595c" width="100%" height="100%" /><text fill="#eceeef" dy=".3em" x="50%" y="50%">Thumbnail</text>
-            </svg>
+            <img class="bd-placeholder-img card-img-right flex-auto d-none d-lg-block" width="250" height="250" src="Art_Freaks/Group photo/27024103_1524957350956547_8384984263163311161_o.jpg">
+            </img>
           </div>
         </div>
+         <div class="col-md-6">
+          <div class="card flex-md-row mb-4 shadow-sm h-md-250">
+            <div class="card-body d-flex flex-column align-items-start">
+                <h3 class="mb-0">
+                <a class="text-dark" href="#">  <strong class="d-inline-block mb-2 text-danger">Outshine</strong>
+          </a>
+              </h3>
+              <div class="mb-1 text-muted">Feb 23</div>
+              <p class="card-text mb-auto">Online Art Competition organized in July-August. The entries are uploaded on official Social Handles of ArtFreaks and the judged on the basis of creativity and popularity both.</p>
+             <!-- <a role="button" class="btn btn-info btn-md"  href="#">Know more</a> -->
+
+            </div>
+            <img class="bd-placeholder-img card-img-right flex-auto d-none d-lg-block" width="250" height="250" src="Art_Freaks/Group photo/39919958_1784798154972464_6070485941280047104_n.jpg">
+            </img>
+          </div>
+        </div>
+        <div class="col-md-6">
+          <div class="card flex-md-row mb-4 shadow-sm h-md-250">
+            <div class="card-body d-flex flex-column align-items-start">
+                <h3 class="mb-0">
+                <a class="text-dark" href="#">  <strong class="d-inline-block mb-2 text-primary">Srijan & Pratibimb</strong>
+          </a>
+              </h3>
+
+              <p class="card-text mb-auto">Fine Arts events are organized by ArtFreaks under the banner of Srijan and Pratbimb respectively.</p>
+              <!--<a role="button" class="btn btn-info btn-md"  href="#">Know more</a>-->
+
+            </div>
+           <img class="bd-placeholder-img card-img-right flex-auto d-none d-lg-block" width="250" height="250" src="Art_Freaks/Group photo/53287692_2059864897465787_2319354091563646976_n.jpg">
+            </img>
+          </div>
+
+        </div>
       </div>
 
  <h4 align="center" > Club Gallery </h4><br>
@@ -248,23 +272,20 @@ <h4 align="center" > Club Gallery </h4><br>
 
         <div class="col-md-4">
           <div class="card mb-4 shadow-sm">
-            <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg"
-              preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail">
-              <title>Placeholder</title>
-              <rect fill="#55595c" width="100%" height="100%" /><text fill="#eceeef" dy=".3em" x="50%" y="50%">Thumbnail</text>
-            </svg>
+            <img class="bd-placeholder-img card-img-top" width="100%" height="350" src="Art_Freaks/Group photo/20190323132428_IMG_6849~2.JPG">
+            </img>
             <div class="card-body">
-              <p class="card-text">Description of the image or video to be put here</p>
-              <div class="d-flex justify-content-between align-items-center">
+              <CENTER><p class="card-text">GROUP PHOTO</p></CENTER>
+              <!--<div class="d-flex justify-content-between align-items-center">
                 <div class="btn-group">
                   <button type="button" class="btn btn-sm btn-outline-secondary">View</button>
                 </div>
                 <small class="text-muted">9 mins</small>
               </div>
-            </div>
+            </div>-->
           </div>
         </div>
-        <div class="col-md-4">
+        <!--<div class="col-md-4">
           <div class="card mb-4 shadow-sm">
             <svg class="bd-placeholder-img card-img-top" width="100%" height="225" xmlns="http://www.w3.org/2000/svg"
               preserveAspectRatio="xMidYMid slice" focusable="false" role="img" aria-label="Placeholder: Thumbnail">
@@ -353,8 +374,9 @@ <h4 align="center" > Club Gallery </h4><br>
               </div>
             </div>
           </div>
-        </div>
+        </div>-->
       </div>
+    </div>
 
  <h4 align="center"> FAQs</h4><br>
   <div class="row md-0">