X

Web Design

Sed non neque elit. Sed ut imperdiet nisi. Proin condime ntum fermentum nunc. Etiam pharetra, erat sed ferm entum feugiat, velit mauris egestas quam, ut aliquam massa nisl quis neque. Sed non neque elit. Sed ut imperdiet nisi. Proin condimetum nunc. Etiam pharetra, erat sed ferm fermentum nunc. Etiam pharetra.



DNN

Sed non neque elit. Sed ut imperdiet nisi. Proin condime ntum fermentum nunc. Etiam pharetra, erat sed ferm entum feugiat, velit mauris egestas quam, ut aliquam massa nisl quis neque. Sed non neque elit. Sed ut imperdiet nisi. Proin condimetum nunc. Etiam pharetra, erat sed ferm fermentum nunc. Etiam pharetra.

SOURCE CODE
<div class="cono">
    <div class="sector" data-fan="name1:AccentColour:74% " data-color="#eeeeee" data-size="35" data-name="false"> </div>
    <h3>Title</h3>
    <div class="line"></div>
    <p>Content text</p>
</div>

JQuery

Sed non neque elit. Sed ut imperdiet nisi. Proin condime ntum fermentum nunc. Etiam pharetra, erat sed ferm entum feugiat, velit mauris egestas quam, ut aliquam massa nisl quis neque. Sed non neque elit. Sed ut imperdiet nisi. Proin condimetum nunc. Etiam pharetra, erat sed ferm fermentum nunc. Etiam pharetra.



Programme

Sed non neque elit. Sed ut imperdiet nisi. Proin condime ntum fermentum nunc. Etiam pharetra, erat sed ferm entum feugiat, velit mauris egestas quam, ut aliquam massa nisl quis neque. Sed non neque elit. Sed ut imperdiet nisi. Proin condimetum nunc. Etiam pharetra, erat sed ferm fermentum nunc. Etiam pharetra.

Our Skill

Web Design

HTML/CSS

JQuery

Photoshop

DNN

Programme


SOURCE CODE
<div class="OurSkill"><span>Our Skill</span></div>
<div class="row">
    <div class="col-sm-6 loaded_list2">
        <p> Web Design</p>
        <div class="progressborder">
            <div class="progress progress-striped active">
                <div data-width="80%" class="bar animation animationwidth"><span></span></div>
            </div>
        </div>
        <p> HTML/CSS</p>
        <div class="progressborder">
            <div class="progress progress-striped active">
                <div data-width="85%" class="bar animation animationwidth"><span></span></div>
            </div>
        </div>
        <p> JQuery</p>
        <div class="progressborder">
            <div class="progress progress-striped active">
                <div data-width="90%" class="bar animation animationwidth"><span></span> </div>
            </div>
        </div>
    </div>
    <div class="col-sm-6 loaded_list2">
        <p> Photoshop</p>
        <div class="progressborder">
            <div class="progress progress-striped active">
                <div data-width="70%" class="bar animation animationwidth"><span></span></div>
            </div>
        </div>
        <p> DNN</p>
        <div class="progressborder">
            <div class="progress progress-striped active">
                <div data-width="80%" class="bar animation animationwidth"><span></span></div>
            </div>
        </div>
        <p> Programme</p>
        <div class="progressborder">
            <div class="progress progress-striped active">
                <div data-width="65%" class="bar animation animationwidth"><span></span> </div>
            </div>
        </div>
    </div>
</div>

Top Features

Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo gravida. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus eros ut enim.

0 Likes
0 Downloads
0 comments
0 Followers
SOURCE CODE
<div class="SectionStyles7">
    <div class="SectionStyles7_con">
        <div class="dnn_layout SectionStyles7_main">
            <h3>Top Features</h3>
            <div class="SectionStyles7_conbox">
                <div class="icon"></div>
            </div>
            <p>Nulla tristique mi a massa convallis cursus. Nulla eu mi magna. Etiam suscipit commodo gravida. Cras suscipit, quam vitae adipiscing faucibus, risus nibh laoreet odio, a porttitor metus eros ut enim.</p>
            <div class="SectionStyles7_conbox1 number_Animation row">
                <div class="col-md-3 col-sm-6">
                    <div class="SectionStyles7_conbox2">
                        <span data-number="3600" class="animation  number">0</span> <span class="number_name">Likes</span>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="SectionStyles7_conbox2">
                        <span data-number="189" class="animation  number">0</span> <span class="number_name">Downloads</span>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="SectionStyles7_conbox2">
                        <span data-number="480" class="animation  number">0</span> <span class="number_name">comments</span>
                    </div>
                </div>
                <div class="col-md-3 col-sm-6">
                    <div class="SectionStyles7_conbox2">
                        <span data-number="2705" class="animation  number">0</span> <span class="number_name">Followers</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>