Difference between revisions of "Team:SMMU-China/Team"

Line 138: Line 138:
 
    <!-- Team members structure start -->
 
    <!-- Team members structure start -->
 
    <div class="team-members row">
 
    <div class="team-members row">
        <!-- effect-1 html -->
 
        <div class="single-member effect-1">
 
            <div class="member-image">
 
                <img src="images/member_140x145.jpg" alt="Member">
 
                </div>
 
                <div class="member-info">
 
                <h3>Sophia</h3>
 
                    <h5>ShowGilr</h5>
 
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
 
                    <div class="social-touch">
 
                    <a class="fb-touch" href="#"></a>
 
                        <a class="tweet-touch" href="#"></a>
 
                        <a class="linkedin-touch" href="#"></a>
 
                    </div>
 
                </div>
 
            </div>
 
            <!-- effect-1 html end -->
 
 
             
 
             
 
            <!-- effect-2 html -->
 
            <!-- effect-2 html -->
Line 173: Line 156:
 
            </div>
 
            </div>
 
            <!-- effect-2 html end -->
 
            <!-- effect-2 html end -->
           
+
 
            <!-- effect-3 html -->
+
            <!-- effect-2 html -->
            <div class="single-member effect-3">
+
            <div class="single-member effect-2">
 
            <div class="member-image">
 
            <div class="member-image">
 
                <img src="images/member_270x210.jpg" alt="Member">
 
                <img src="images/member_270x210.jpg" alt="Member">
Line 190: Line 173:
 
                </div>
 
                </div>
 
            </div>
 
            </div>
            <!-- effect-3 html end -->
+
            <!-- effect-2 html end -->
           
+
 
            <!-- effect-4 html -->
+
            <!-- effect-2 html -->
            <div class="single-member effect-4">
+
            <div class="single-member effect-2">
                <div class="member-info">
+
                <h3>Sophia</h3>
+
                    <h5>ShowGilr</h5>
+
                </div>
+
                <div class="member-image">
+
                <img src="images/member_270x210.jpg" alt="Member">
+
                </div>
+
                <div class="more-info">
+
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod tempor incididunt.</p>
+
                    <div class="social-touch icon-colored">
+
                    <a class="fb-touch" href="#"></a>
+
                        <a class="tweet-touch" href="#"></a>
+
                        <a class="linkedin-touch" href="#"></a>
+
                    </div>
+
                </div>
+
            </div>
+
            <!-- effect-4 html end -->
+
           
+
            <!-- effect-5 html -->
+
            <div class="single-member effect-5">
+
 
            <div class="member-image">
 
            <div class="member-image">
 
                <img src="images/member_270x210.jpg" alt="Member">
 
                <img src="images/member_270x210.jpg" alt="Member">
Line 221: Line 184:
 
                    <h5>ShowGilr</h5>
 
                    <h5>ShowGilr</h5>
 
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
 
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
                    <div class="social-touch icon-colored">
+
                    <div class="social-touch">
 
                    <a class="fb-touch" href="#"></a>
 
                    <a class="fb-touch" href="#"></a>
 
                        <a class="tweet-touch" href="#"></a>
 
                        <a class="tweet-touch" href="#"></a>
Line 228: Line 191:
 
                </div>
 
                </div>
 
            </div>
 
            </div>
            <!-- effect-5 html end -->
+
            <!-- effect-2 html end -->
           
+
            <!-- effect-6 html -->
+
            <div class="single-member effect-6">
+
            <div class="member-image">
+
                <img src="images/member_270x210.jpg" alt="Member">
+
                </div>
+
                <div class="member-info">
+
                <h3>Sophia</h3>
+
                    <h5>ShowGilr</h5>
+
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+
                    <div class="social-touch icon-colored">
+
                    <a class="fb-touch" href="#"></a>
+
                        <a class="tweet-touch" href="#"></a>
+
                        <a class="linkedin-touch" href="#"></a>
+
                    </div>
+
                </div>
+
                <div class="border-green"></div>
+
            </div>
+
            <!-- effect-6 html end -->
+
           
+
            <!-- effect-7 html -->
+
            <div class="single-member effect-7">
+
                <div class="member-info">
+
                <h3>Sophia</h3>
+
                    <h5>ShowGilr</h5>
+
                </div>
+
                <div class="member-image">
+
                <img src="images/member_270x210.jpg" alt="Member">
+
                </div>
+
                <div class="more-info">
+
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod tempor incididunt.</p>
+
                    <div class="social-touch icon-colored">
+
                    <a class="fb-touch" href="#"></a>
+
                        <a class="tweet-touch" href="#"></a>
+
                        <a class="linkedin-touch" href="#"></a>
+
                    </div>
+
                </div>
+
            </div>
+
            <!-- effect-7 html end -->
+
           
+
            <!-- effect-8 html -->
+
            <div class="single-member effect-8">
+
                <div class="member-info">
+
                <h3>Sophia</h3>
+
                    <h5>ShowGilr</h5>
+
                </div>
+
                <div class="member-image">
+
                <img src="images/member_270x210.jpg" alt="Member">
+
                </div>
+
                <div class="more-info">
+
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua, Lorem ipsum dolor sit amet.</p>
+
                    <div class="social-touch icon-colored">
+
                    <a class="fb-touch" href="#"></a>
+
                        <a class="tweet-touch" href="#"></a>
+
                        <a class="linkedin-touch" href="#"></a>
+
                    </div>
+
                </div>
+
            </div>
+
            <!-- effect-8 html end -->
+
           
+
            <!-- effect-9 html -->
+
            <div class="single-member effect-9">
+
                <div class="member-info">
+
                <h3>Sophia</h3>
+
                    <h5>ShowGilr</h5>
+
                </div>
+
                <div class="member-image">
+
                <img src="images/member_270x210.jpg" alt="Member">
+
                </div>
+
                <div class="more-info">
+
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua, Lorem ipsum dolor sit amet, consectetur adipiscing elit sed do eiusmod tempor incididunt.</p>
+
                    <div class="social-touch icon-colored">
+
                    <a class="fb-touch" href="#"></a>
+
                        <a class="tweet-touch" href="#"></a>
+
                        <a class="linkedin-touch" href="#"></a>
+
                    </div>
+
                </div>
+
            </div>
+
            <!-- effect-9 html end -->
+
 
        </div>
 
        </div>
 
    <!-- Team members structure start -->
 
    <!-- Team members structure start -->

Revision as of 15:28, 17 September 2019

page_banner_default
Team
This is a descriptive paragraph.
Member

Sophia

ShowGilr

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Member

Sophia

ShowGilr

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Member

Sophia

ShowGilr

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.