Project_one

Developer
MOHIM
Size
9,592 Kb
Views
18,216
  1. Project_one Previews
  2. Project_one HTML Codes
  3. Project_one CSS Codes

How do I make an project_one?

What is a project_one? How do you make a project_one? This script and codes were developed by MOHIM on 22 November 2022, Tuesday.

Project_one Previews
IQ Test

Project_one - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Project_one</title> <link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.min.css'>
<link rel='stylesheet prefetch' href='https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css'> <link rel="stylesheet" href="css/style.css">
</head>
<body> <link href="https://fonts.googleapis.com/css?family=Titillium+Web" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Titillium+Web:600" rel="stylesheet">
<link rel="stylesheet" href="css/circle.css">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<!-- start header section -->
<header> <nav class="navbar navbar-default style_nav"> <div class="container"> <!-- Brand and toggle get grouped for better mobile display --> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed style_toogle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <a class="navbar-brand" href="#"><img class="img-responsive" src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/17506367_779717695518240_1032574983_n.png?oh=b9d0d1ee3c429fba655a557384550032&oe=58D79776" alt="" /></a> </div> <!-- Collect the nav links, forms, and other content for toggling --> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav navbar-right style_right_nav"> <li><a href="#">HOME</a></li> <li><a href="#">ABOUT</a></li> <li><a href="#">WORK</a></li> <li><a href="#">BLOG</a></li> <li><a href="#">CONTACT</a></li> </ul> </div> <!-- /.navbar-collapse --> </div> <!-- /.container-fluid --> </nav>
</header>
<!-- end header section -->
<!-- start banner section -->
<section id="banner"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="banner_title"> <h3>Hi there! We are the new kids on the block
and we build awesome websites and mobile apps.</h3><a href="">WORK WITH US!</a></div> </div> </div> </div>
</section>
<!-- End banner section -->
<!-- start service section -->
<section id="service"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="service_title"> <h3>SERVICES WE PROVIDE</h3> <div class="set_border"></div> <p>We are working with both individuals and businesses from all over the globe to create awesome websites and applications. </p> </div> </div> </div> <div class="row"> <div class="col-md-3 col-sm-3 col-xs-12"> <div class="service_item"> <div class="service_image"><img class="img-responsive" src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/17506274_779717698851573_308458690_n.png?oh=34cfb83e7ce8c3c533cebc7940740969&oe=58D6602B" alt="" /></div> <div class="item_title"> <h3>Branding</h3> </div> <div class="new_title"> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh.</p> </div> </div> </div> <div class="col-md-3 col-sm-3 col-xs-12"> <div class="service_item"> <div class="service_image"><img class="img-responsive" src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/17474519_779717765518233_1727700027_n.png?oh=7856bf05eaa7bee05fe7ebcf02bb8d43&oe=58D76B36" alt="" /></div> <div class="item_title"> <h3>Design</h3> <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem </p> </div> </div> </div> <div class="col-md-3 col-sm-3 col-xs-12"> <div class="service_item"> <div class="service_image"><img class="img-responsive" src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/17506088_779717772184899_102598253_n.png?oh=d76e4c48ff0b6c15aa03fe3ae6df2e1f&oe=58D76DD1" alt="" /></div> <div class="item_title"> <h3>Development</h3> <p>At vero eos et accusamus et iusto odio dignissimos qui blanditiis praesentium.</p> </div> </div> </div> <div class="col-md-3 col-sm-3 col-xs-12"> <div class="service_item"> <div class="service_image"><img class="img-responsive" src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/17495721_779717758851567_994186458_n.png?oh=55d6039265ab41456eb618cead0f1363&oe=58D7974B" alt="" /></div> <div class="item_title"> <h3>ROCKET SCIENCE</h3> <p>Et harum quidem rerum est et expedita distinctio. Nam libero tempore.</p> </div> </div> </div> </div> </div>
</section>
<!-- end service section -->
<!-- meet team section start from here -->
<section id="meet_our_team"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="service_title set_color"> <h3>MEET OUR BEAUTIFUL TEAM</h3> <div class="set_border"></div> <p>We are a small team of designers and developers, who help brands with big.</p> </div> </div> </div> <div class="row"> <div class="col-md-3 col-sm-3 col-xs-12"> <div class="meet_item"> <div class="meet_image"><img class="img-responsive" src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/17474506_779717712184905_1352309947_n.png?oh=73d1270f7bb84a49cec258af45cc2baf&oe=58D663C1" alt="Chania"></div> <div class="meet_item_title"> <h3>ANNE HATHAWAY</h3><a href="">CEO / Marketing Guru</a> <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna.</p> </div> <div class="social_list"> <ul> <li> <a href=""><img class="img-responsive" src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/17496103_779717708851572_535607761_n.png?oh=aa5412d81d396133a7fe25eb008f230b&oe=58D71E62" alt="Chania"></a> </li> <li> <a href=""><img class="img-responsive" src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/17506561_779717702184906_1183321534_n.png?oh=6bcfb7ec482b5491d4b5e749d5a3e5c6&oe=58D7784C" alt="Chania"></a> </li> <li> <a href=""><img class="img-responsive" src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/17495759_779717778851565_528767974_n.png?oh=d959f165b0e4088df5f5241e0e8ef9b5&oe=58D784AC" alt="Chania"></a> </li> <li> <a href=""><img class="img-responsive" src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/17505752_779717775518232_625934353_n.png?oh=63cff27527f45f7e70d551936805576d&oe=58D73C1F" alt="Chania"></a> </li> </ul> </div> </div> </div> <div class="col-md-3 col-sm-3 col-xs-12"> <div class="meet_item"> <div class="meet_image"><img class="img-responsive" src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/17474506_779717712184905_1352309947_n.png?oh=73d1270f7bb84a49cec258af45cc2baf&oe=58D663C1" alt="Chania"></div> <div class="meet_item_title"> <h3>KATE UPTON</h3><a href="">Creative Director</a> <p>Duis aute irure dolor in in voluptate velit esse cillum dolore fugiat nulla pariatur. Excepteur sint occaecat non diam proident.</p> </div> <div class="social_list"> <ul> <li> <a href=""><img class="img-responsive" src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/17496103_779717708851572_535607761_n.png?oh=aa5412d81d396133a7fe25eb008f230b&oe=58D71E62" alt="Chania"></a> </li> <li> <a href=""><img class="img-responsive" src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/17506561_779717702184906_1183321534_n.png?oh=6bcfb7ec482b5491d4b5e749d5a3e5c6&oe=58D7784C" alt="Chania"></a> </li> <li> <a href=""><img class="img-responsive" src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/17495759_779717778851565_528767974_n.png?oh=d959f165b0e4088df5f5241e0e8ef9b5&oe=58D784AC" alt="Chania"></a> </li> <li> <a href=""><img class="img-responsive" src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/17505752_779717775518232_625934353_n.png?oh=63cff27527f45f7e70d551936805576d&oe=58D73C1F" alt="Chania"></a> </li> </ul> </div> </div> </div> <div class="col-md-3 col-sm-3 col-xs-12"> <div class="meet_item"> <div class="meet_image"><img class="img-responsive" src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/17474506_779717712184905_1352309947_n.png?oh=73d1270f7bb84a49cec258af45cc2baf&oe=58D663C1" alt="Chania"></div> <div class="meet_item_title"> <h3>OLIVIA WILDE</h3><a href="">Lead Designer</a> <p>Nemo enim ipsam voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem nesciunt.</p> </div> <div class="social_list"> <ul> <li> <a href=""><img class="img-responsive" src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/17496103_779717708851572_535607761_n.png?oh=aa5412d81d396133a7fe25eb008f230b&oe=58D71E62" alt="Chania"></a> </li> <li> <a href=""><img class="img-responsive" src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/17506561_779717702184906_1183321534_n.png?oh=6bcfb7ec482b5491d4b5e749d5a3e5c6&oe=58D7784C" alt="Chania"></a> </li> <li> <a href=""><img class="img-responsive" src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/17495759_779717778851565_528767974_n.png?oh=d959f165b0e4088df5f5241e0e8ef9b5&oe=58D784AC" alt="Chania"></a> </li> <li> <a href=""><img class="img-responsive" src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/17505752_779717775518232_625934353_n.png?oh=63cff27527f45f7e70d551936805576d&oe=58D73C1F" alt="Chania"></a> </li> </ul> </div> </div> </div> <div class="col-md-3 col-sm-3 col-xs-12"> <div class="meet_item"> <div class="meet_image"><img class="img-responsive" src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/17474506_779717712184905_1352309947_n.png?oh=73d1270f7bb84a49cec258af45cc2baf&oe=58D663C1" alt="Chania"></div> <div class="meet_item_title"> <h3>ASHLEY GREENE</h3><a href="">SEO / Developer</a> <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam.</p> </div> <div class="social_list"> <ul> <li> <a href=""><img class="img-responsive" src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/17496103_779717708851572_535607761_n.png?oh=aa5412d81d396133a7fe25eb008f230b&oe=58D71E62" alt="Chania"></a> </li> <li> <a href=""><img class="img-responsive" src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/17506561_779717702184906_1183321534_n.png?oh=6bcfb7ec482b5491d4b5e749d5a3e5c6&oe=58D7784C" alt="Chania"></a> </li> <li> <a href=""><img class="img-responsive" src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/17495759_779717778851565_528767974_n.png?oh=d959f165b0e4088df5f5241e0e8ef9b5&oe=58D784AC" alt="Chania"></a> </li> <li> <a href=""><img class="img-responsive" src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/17505752_779717775518232_625934353_n.png?oh=63cff27527f45f7e70d551936805576d&oe=58D73C1F" alt="Chania"></a> </li> </ul> </div> </div> </div> </div> </div>
</section>
<!-- meet team section end here -->
<!-- start got skills section -->
<section id="got_skills"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="service_title set_color"> <h3>WE GOT SKILLS!</h3> <div class="set_border"></div> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> </div> </div> </div> <div class="row"> <div class="col-md-3 col-sm-3 col-xs-12 "> <div class="c100 p90 big cyan"> <span>90%</span> <div class="slice"> <div class="bar"></div> <div class="fill"></div> </div> </div> <div class="skill_category"> <h3>GRAPHIC DESIGN</h3></div> </div> <div class="col-md-3 col-sm-3 col-xs-12"> <div class="c100 p75 big dark"> <span>75%</span> <div class="slice"> <div class="bar"></div> <div class="fill"></div> </div> </div> <div class="skill_category"> <h3>WEB DESIGN</h3></div> </div> <div class="col-md-3 col-sm-3 col-xs-12"> <div class="c100 p70 big green"> <span>70%</span> <div class="slice"> <div class="bar"></div> <div class="fill"></div> </div> </div> <div class="skill_category"> <h3>HTML / CSS</h3></div> </div> <div class="col-md-3 col-sm-3 col-xs-12"> <div class="c100 p85 big orange"> <span>85%</span> <div class="slice"> <div class="bar"></div> <div class="fill"></div> </div> </div> <div class="skill_category"> <h3>UL / UX</h3></div> </div> </div> </div>
</section>
<!-- end got skill section -->
<!-- start our portfolio section -->
<section id="our_portfolio"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="service_title set_color"> <h3>OUR PORTFOLIO</h3> <div class="set_border"></div> <p>Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet consectetur, adipisci velit, sed quia non numquam</p> </div> </div> </div> <div class="row"> <div class="col-md-12"> <div class="portfolio_category"> <ul> <li><a href="">ALL</a></li> <li><a href="">WEB</a></li> <li><a href="">APPS</a></li> <li><a href="">ICONS</a></li> </ul> </div> </div> </div> <div class="row"> <div class="col-md-6"> <div class="portfolio_image"><img class="img-responsive" src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/17505767_779717745518235_1613865514_n.png?oh=c5565279cd9f7f0995a74bb87cfc0436&oe=58D73903" alt="Chania"></div> <div class="caption"> <h3>Isometric Perspective Mock-Up</h3></div> </div> <div class="col-md-6"> <div class="portfolio_image"><img class="img-responsive" src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/17474621_779717738851569_802699054_n.png?oh=6b30decf1ae3ffce5d5de119e1fff200&oe=58D71C21" alt="Chania"></div> <div class="caption"> <h3>Time Zone App UI</h3></div> </div> <div class="col-md-6"> <div class="portfolio_image"><img class="img-responsive" src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/17495669_779717752184901_11013852_n.png?oh=70df0a5b9402c932f9899d4b0a1cc616&oe=58D753DC" alt="Chania"></div> <div class="caption"> <h3>Viro Media Players UI</h3></div> </div> <div class="col-md-6"> <div class="portfolio_image"><img class="img-responsive" src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/17496363_779717755518234_400866321_n.png?oh=8c83b0cba8a19dc5ac9ad5336739781f&oe=58D851E1" alt="Chania"></div> <div class="caption"> <h3>Blog / Magazine Flat UI Kit</h3></div> </div> </div> <div class="row"> <div class="col-md-12"> <div class="load_more"><a href="#">LOAD MORE PROJECTS</a></div> </div> </div> </div>
</section>
<!-- end our portfolio section -->
<!-- what people say section start -->
<section id="what_people_say"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="service_title"> <h3>WHAT POEPLE SAY ABOUT US</h3> <div class="set_border"></div> <p>Our clients love us!</p> </div> </div> </div> <div class="row"> <div class="col-md-6"> <div class="row set_margin"> <div class="col-md-3 col-sm-5 col-xs-5"> <div class="commenting_face"><img src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/17506065_779717705518239_87849441_n.png?oh=ac5662503d5d8b69054c2703ea3f8dd1&oe=58D74D5E" alt="" /></div> </div> <div class="col-md-9 col-sm-7 col-xs-7"> <div class="comment"><i><q>Nullam dapibus blandit orci, viverra gravida dui lovortis eget.Maecenas fringilla uran eu nisl scelerisque!</q></i> <h3>Chanel Iman
</h3> <h5>CEO of Pinterest
</h5></div> </div> </div> </div> <div class="col-md-6"> <div class="row set_margin"> <div class="col-md-3 col-sm-5 col-xs-5"> <div class="commenting_face"><img src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/17506065_779717705518239_87849441_n.png?oh=ac5662503d5d8b69054c2703ea3f8dd1&oe=58D74D5E" alt="" /></div> </div> <div class="col-md-9 col-sm-7 col-xs-7"> <div class="comment"><i><q>Nullam dapibus blandit orci, viverra gravida dui lovortis eget.Maecenas fringilla uran eu nisl scelerisque!</q></i> <h3>Chanel Iman
</h3> <h5>CEO of Pinterest
</h5></div> </div> </div> </div> <div class="col-md-6"> <div class="row set_margin"> <div class="col-md-3 col-sm-5 col-xs-5"> <div class="commenting_face"><img src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/17506065_779717705518239_87849441_n.png?oh=ac5662503d5d8b69054c2703ea3f8dd1&oe=58D74D5E" alt="" /></div> </div> <div class="col-md-9 col-sm-7 col-xs-7"> <div class="comment"><i><q>Nullam dapibus blandit orci, viverra gravida dui lovortis eget.Maecenas fringilla uran eu nisl scelerisque!</q></i> <h3>Chanel Iman
</h3> <h5>CEO of Pinterest
</h5></div> </div> </div> </div> <div class="col-md-6"> <div class="row set_margin"> <div class="col-md-3 col-sm-5 col-xs-5"> <div class="commenting_face"><img src="https://scontent-sit4-1.xx.fbcdn.net/v/t34.0-12/17506065_779717705518239_87849441_n.png?oh=ac5662503d5d8b69054c2703ea3f8dd1&oe=58D74D5E" alt="" /></div> </div> <div class="col-md-9 col-sm-7 col-xs-7"> <div class="comment"><i><q>Nullam dapibus blandit orci, viverra gravida dui lovortis eget.Maecenas fringilla uran eu nisl scelerisque!</q></i> <h3>Chanel Iman
</h3> <h5>CEO of Pinterest
</h5></div> </div> </div> </div> </div> </div>
</section>
<!-- what people say section end-->
<!-- start get in touch secdtion -->
<section id="get_in_touch"> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="service_title"> <h3>GET IN TOUCH</h3> <div class="set_border"></div> <p>1600 Pennsylvania Ave NW, Washington, DC 20500, United States of America. Tel: (202) 456-1111 </p> </div> </div> </div> <div class="row"> <div class="col-md-12"> <div class="form_group"> <div class="row"> <div class="col-md-6"><input type="text" class="input_type" placeholder="Your Name*" /></div> <div class="col-md-6"><input type="text" class="input_type" placeholder="Your Email*" /></div> </div> <div class="row"> <div class="col-md-12"><input type="text" class="input_type_message" placeholder="Your Message*" /></div> </div> </div> </div> </div> <div class="row"> <div class="col-md-12"> <div class="load_more"><a href="#">SEND MESSAGE</a></div> </div> </div> </div>
</section>
<!-- end get in touch section -->
<footer> <div class="container"> <div class="row"> <div class="col-md-12"> <div class="footer_list"> <ul> <li><a href="">Facebook</a></li> <li><a href="">Twitter</a></li> <li><a href="">Google+</a></li> <li><a href="">Linkedin</a></li> <li><a href="">Behance</a></li> <li><a href="">Ddribbble</a></li> <li><a href="">GgitHub</a></li> </ul> </div> </div> </div> </div>
</footer>
</body>
</html>

Project_one - Script Codes CSS Codes

* { margin: 0; padding: 0;
}
header { min-height: 100px; background-color: #87509c;
}
header .style_nav { background-color: #87509c; border: 0px solid; padding-top: 15px;
}
header .style_nav .style_toogle { position: relative; float: right; padding: 9px 10px; margin-top: 18px; margin-right: 15px; margin-bottom: 8px; background-color: transparent; background-image: none; border: 1px solid transparent; border-radius: 4px;
}
header .style_nav .style_right_nav { margin-top: 20px;
}
header .style_nav .style_right_nav li a { color: white; font-family: 'Titillium Web', sans-serif; padding: 10px 15px;
}
header .style_nav .style_right_nav li a:hover { background-color: #643a79; color: white; font-family: 'Titillium Web', sans-serif; border-radius: 5px; padding: 10px 15px;
}
.banner_title { text-align: center;
}
.banner_title h3 { font-family: 'Titillium Web', sans-serif; text-align: center; width: 51%; margin: 0 auto; color: white;
}
#banner { background-color: #87509c; margin-top: -20px; padding-top: 100px;
}
.banner_title a { display: inline-block; color: white; background-color: #eb7d4b; padding: 12px 50px; border-radius: 4px; margin-top: 40px; margin-bottom: 100px; font-family: 'Titillium Web', sans-serif;
}
.banner_title a:hover { text-decoration: none; display: inline-block; color: white; background-color: #eb7d4b; padding: 12px 50px; border-radius: 4px; margin-top: 40px; margin-bottom: 100px; font-family: 'Titillium Web', sans-serif;
}
#service { background-color: #17c2a4;
}
.service_item{
}
.service_title { text-align: center; margin-top: 60px; margin-bottom: 40px;
}
.service_title h3 { font-family: 'Titillium Web', sans-serif; color: white;
}
.set_border { border-bottom: 4px solid #14a58c; width: 6%; margin: 0 auto; margin-top: 20px; margin-bottom: 20px;
}
.service_title p { font-family: 'Titillium Web', sans-serif; width: 40%; margin: 0 auto; color: white;
}
.service_item { font-family: 'Titillium Web', sans-serif; text-align:center; color: white; margin-bottom: 50px;
}
.service_image { display: inline-block; margin-left: auto; margin-right: auto; margin-bottom: 20px; min-height: 170px;
}
.item_title p { padding-bottom: 10px;
}
.set_color h3 { color: #3c4761!important;
}
.set_color p { color: #3c4761!important;
}
.meet_item { font-family: 'Titillium Web', sans-serif; text-align: center; margin-top: 20px; margin-bottom: 130px;
}
.meet_item_title { min-height: 140px;
}
.meet_item_title h3 { color: #27283d;
}
.meet_item_title a { color: #30bae7;
}
.meet_item_title p { color: #27283d;
}
.meet_item_title a:hover { color: #30bae7;
}
.social_list { display:inline-block; margin-left: auto; margin-right: auto
}
.social_list ul {
}
.social_list ul li { list-style-type: none; float: left; padding: 16px;
}
.meet_image { width: 100%; margin: 0 auto;
}
.meet_image img { width: 100%;
}
.rect-auto,
.c100.p51 .slice,
.c100.p52 .slice,
.c100.p53 .slice,
.c100.p54 .slice,
.c100.p55 .slice,
.c100.p56 .slice,
.c100.p57 .slice,
.c100.p58 .slice,
.c100.p59 .slice,
.c100.p60 .slice,
.c100.p61 .slice,
.c100.p62 .slice,
.c100.p63 .slice,
.c100.p64 .slice,
.c100.p65 .slice,
.c100.p66 .slice,
.c100.p67 .slice,
.c100.p68 .slice,
.c100.p69 .slice,
.c100.p70 .slice,
.c100.p71 .slice,
.c100.p72 .slice,
.c100.p73 .slice,
.c100.p74 .slice,
.c100.p75 .slice,
.c100.p76 .slice,
.c100.p77 .slice,
.c100.p78 .slice,
.c100.p79 .slice,
.c100.p80 .slice,
.c100.p81 .slice,
.c100.p82 .slice,
.c100.p83 .slice,
.c100.p84 .slice,
.c100.p85 .slice,
.c100.p86 .slice,
.c100.p87 .slice,
.c100.p88 .slice,
.c100.p89 .slice,
.c100.p90 .slice,
.c100.p91 .slice,
.c100.p92 .slice,
.c100.p93 .slice,
.c100.p94 .slice,
.c100.p95 .slice,
.c100.p96 .slice,
.c100.p97 .slice,
.c100.p98 .slice,
.c100.p99 .slice,
.c100.p100 .slice { clip: rect(auto, auto, auto, auto);
}
.pie,
.c100 .bar,
.c100.p51 .fill,
.c100.p52 .fill,
.c100.p53 .fill,
.c100.p54 .fill,
.c100.p55 .fill,
.c100.p56 .fill,
.c100.p57 .fill,
.c100.p58 .fill,
.c100.p59 .fill,
.c100.p60 .fill,
.c100.p61 .fill,
.c100.p62 .fill,
.c100.p63 .fill,
.c100.p64 .fill,
.c100.p65 .fill,
.c100.p66 .fill,
.c100.p67 .fill,
.c100.p68 .fill,
.c100.p69 .fill,
.c100.p70 .fill,
.c100.p71 .fill,
.c100.p72 .fill,
.c100.p73 .fill,
.c100.p74 .fill,
.c100.p75 .fill,
.c100.p76 .fill,
.c100.p77 .fill,
.c100.p78 .fill,
.c100.p79 .fill,
.c100.p80 .fill,
.c100.p81 .fill,
.c100.p82 .fill,
.c100.p83 .fill,
.c100.p84 .fill,
.c100.p85 .fill,
.c100.p86 .fill,
.c100.p87 .fill,
.c100.p88 .fill,
.c100.p89 .fill,
.c100.p90 .fill,
.c100.p91 .fill,
.c100.p92 .fill,
.c100.p93 .fill,
.c100.p94 .fill,
.c100.p95 .fill,
.c100.p96 .fill,
.c100.p97 .fill,
.c100.p98 .fill,
.c100.p99 .fill,
.c100.p100 .fill { position: absolute; border: 0.08em solid #307bbb; width: 0.84em; height: 0.84em; clip: rect(0em, 0.5em, 1em, 0em); border-radius: 50%; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg);
}
.pie-fill,
.c100.p51 .bar:after,
.c100.p51 .fill,
.c100.p52 .bar:after,
.c100.p52 .fill,
.c100.p53 .bar:after,
.c100.p53 .fill,
.c100.p54 .bar:after,
.c100.p54 .fill,
.c100.p55 .bar:after,
.c100.p55 .fill,
.c100.p56 .bar:after,
.c100.p56 .fill,
.c100.p57 .bar:after,
.c100.p57 .fill,
.c100.p58 .bar:after,
.c100.p58 .fill,
.c100.p59 .bar:after,
.c100.p59 .fill,
.c100.p60 .bar:after,
.c100.p60 .fill,
.c100.p61 .bar:after,
.c100.p61 .fill,
.c100.p62 .bar:after,
.c100.p62 .fill,
.c100.p63 .bar:after,
.c100.p63 .fill,
.c100.p64 .bar:after,
.c100.p64 .fill,
.c100.p65 .bar:after,
.c100.p65 .fill,
.c100.p66 .bar:after,
.c100.p66 .fill,
.c100.p67 .bar:after,
.c100.p67 .fill,
.c100.p68 .bar:after,
.c100.p68 .fill,
.c100.p69 .bar:after,
.c100.p69 .fill,
.c100.p70 .bar:after,
.c100.p70 .fill,
.c100.p71 .bar:after,
.c100.p71 .fill,
.c100.p72 .bar:after,
.c100.p72 .fill,
.c100.p73 .bar:after,
.c100.p73 .fill,
.c100.p74 .bar:after,
.c100.p74 .fill,
.c100.p75 .bar:after,
.c100.p75 .fill,
.c100.p76 .bar:after,
.c100.p76 .fill,
.c100.p77 .bar:after,
.c100.p77 .fill,
.c100.p78 .bar:after,
.c100.p78 .fill,
.c100.p79 .bar:after,
.c100.p79 .fill,
.c100.p80 .bar:after,
.c100.p80 .fill,
.c100.p81 .bar:after,
.c100.p81 .fill,
.c100.p82 .bar:after,
.c100.p82 .fill,
.c100.p83 .bar:after,
.c100.p83 .fill,
.c100.p84 .bar:after,
.c100.p84 .fill,
.c100.p85 .bar:after,
.c100.p85 .fill,
.c100.p86 .bar:after,
.c100.p86 .fill,
.c100.p87 .bar:after,
.c100.p87 .fill,
.c100.p88 .bar:after,
.c100.p88 .fill,
.c100.p89 .bar:after,
.c100.p89 .fill,
.c100.p90 .bar:after,
.c100.p90 .fill,
.c100.p91 .bar:after,
.c100.p91 .fill,
.c100.p92 .bar:after,
.c100.p92 .fill,
.c100.p93 .bar:after,
.c100.p93 .fill,
.c100.p94 .bar:after,
.c100.p94 .fill,
.c100.p95 .bar:after,
.c100.p95 .fill,
.c100.p96 .bar:after,
.c100.p96 .fill,
.c100.p97 .bar:after,
.c100.p97 .fill,
.c100.p98 .bar:after,
.c100.p98 .fill,
.c100.p99 .bar:after,
.c100.p99 .fill,
.c100.p100 .bar:after,
.c100.p100 .fill { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);
}
.c100 { position: relative; font-size: 120px; width: 1em; height: 1em; border-radius: 50%; float: left; margin: 0 0.1em 0.1em 0; background-color: #cccccc;
}
.c100 *,
.c100 *:before,
.c100 *:after { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box;
}
.c100.center { float: none; margin: 0 auto;
}
.c100.big { font-size: 240px;
}
.c100.small { font-size: 80px;
}
.c100 > span { position: absolute; width: 100%; z-index: 1; left: 0; top: 0; width: 5em; line-height: 5em; font-size: 0.2em; color: #cccccc; display: block; text-align: center; white-space: nowrap; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-out; -moz-transition-timing-function: ease-out; -o-transition-timing-function: ease-out; transition-timing-function: ease-out;
}
.c100:after { position: absolute; top: 0.08em; left: 0.08em; display: block; content: " "; border-radius: 50%; background-color: #f5f5f5; width: 0.84em; height: 0.84em; -webkit-transition-property: all; -moz-transition-property: all; -o-transition-property: all; transition-property: all; -webkit-transition-duration: 0.2s; -moz-transition-duration: 0.2s; -o-transition-duration: 0.2s; transition-duration: 0.2s; -webkit-transition-timing-function: ease-in; -moz-transition-timing-function: ease-in; -o-transition-timing-function: ease-in; transition-timing-function: ease-in;
}
.c100 .slice { position: absolute; width: 1em; height: 1em; clip: rect(0em, 1em, 1em, 0.5em);
}
.c100.p1 .bar { -webkit-transform: rotate(3.6deg); -moz-transform: rotate(3.6deg); -ms-transform: rotate(3.6deg); -o-transform: rotate(3.6deg); transform: rotate(3.6deg);
}
.c100.p2 .bar { -webkit-transform: rotate(7.2deg); -moz-transform: rotate(7.2deg); -ms-transform: rotate(7.2deg); -o-transform: rotate(7.2deg); transform: rotate(7.2deg);
}
.c100.p3 .bar { -webkit-transform: rotate(10.8deg); -moz-transform: rotate(10.8deg); -ms-transform: rotate(10.8deg); -o-transform: rotate(10.8deg); transform: rotate(10.8deg);
}
.c100.p4 .bar { -webkit-transform: rotate(14.4deg); -moz-transform: rotate(14.4deg); -ms-transform: rotate(14.4deg); -o-transform: rotate(14.4deg); transform: rotate(14.4deg);
}
.c100.p5 .bar { -webkit-transform: rotate(18deg); -moz-transform: rotate(18deg); -ms-transform: rotate(18deg); -o-transform: rotate(18deg); transform: rotate(18deg);
}
.c100.p6 .bar { -webkit-transform: rotate(21.6deg); -moz-transform: rotate(21.6deg); -ms-transform: rotate(21.6deg); -o-transform: rotate(21.6deg); transform: rotate(21.6deg);
}
.c100.p7 .bar { -webkit-transform: rotate(25.2deg); -moz-transform: rotate(25.2deg); -ms-transform: rotate(25.2deg); -o-transform: rotate(25.2deg); transform: rotate(25.2deg);
}
.c100.p8 .bar { -webkit-transform: rotate(28.8deg); -moz-transform: rotate(28.8deg); -ms-transform: rotate(28.8deg); -o-transform: rotate(28.8deg); transform: rotate(28.8deg);
}
.c100.p9 .bar { -webkit-transform: rotate(32.4deg); -moz-transform: rotate(32.4deg); -ms-transform: rotate(32.4deg); -o-transform: rotate(32.4deg); transform: rotate(32.4deg);
}
.c100.p10 .bar { -webkit-transform: rotate(36deg); -moz-transform: rotate(36deg); -ms-transform: rotate(36deg); -o-transform: rotate(36deg); transform: rotate(36deg);
}
.c100.p11 .bar { -webkit-transform: rotate(39.6deg); -moz-transform: rotate(39.6deg); -ms-transform: rotate(39.6deg); -o-transform: rotate(39.6deg); transform: rotate(39.6deg);
}
.c100.p12 .bar { -webkit-transform: rotate(43.2deg); -moz-transform: rotate(43.2deg); -ms-transform: rotate(43.2deg); -o-transform: rotate(43.2deg); transform: rotate(43.2deg);
}
.c100.p13 .bar { -webkit-transform: rotate(46.800000000000004deg); -moz-transform: rotate(46.800000000000004deg); -ms-transform: rotate(46.800000000000004deg); -o-transform: rotate(46.800000000000004deg); transform: rotate(46.800000000000004deg);
}
.c100.p14 .bar { -webkit-transform: rotate(50.4deg); -moz-transform: rotate(50.4deg); -ms-transform: rotate(50.4deg); -o-transform: rotate(50.4deg); transform: rotate(50.4deg);
}
.c100.p15 .bar { -webkit-transform: rotate(54deg); -moz-transform: rotate(54deg); -ms-transform: rotate(54deg); -o-transform: rotate(54deg); transform: rotate(54deg);
}
.c100.p16 .bar { -webkit-transform: rotate(57.6deg); -moz-transform: rotate(57.6deg); -ms-transform: rotate(57.6deg); -o-transform: rotate(57.6deg); transform: rotate(57.6deg);
}
.c100.p17 .bar { -webkit-transform: rotate(61.2deg); -moz-transform: rotate(61.2deg); -ms-transform: rotate(61.2deg); -o-transform: rotate(61.2deg); transform: rotate(61.2deg);
}
.c100.p18 .bar { -webkit-transform: rotate(64.8deg); -moz-transform: rotate(64.8deg); -ms-transform: rotate(64.8deg); -o-transform: rotate(64.8deg); transform: rotate(64.8deg);
}
.c100.p19 .bar { -webkit-transform: rotate(68.4deg); -moz-transform: rotate(68.4deg); -ms-transform: rotate(68.4deg); -o-transform: rotate(68.4deg); transform: rotate(68.4deg);
}
.c100.p20 .bar { -webkit-transform: rotate(72deg); -moz-transform: rotate(72deg); -ms-transform: rotate(72deg); -o-transform: rotate(72deg); transform: rotate(72deg);
}
.c100.p21 .bar { -webkit-transform: rotate(75.60000000000001deg); -moz-transform: rotate(75.60000000000001deg); -ms-transform: rotate(75.60000000000001deg); -o-transform: rotate(75.60000000000001deg); transform: rotate(75.60000000000001deg);
}
.c100.p22 .bar { -webkit-transform: rotate(79.2deg); -moz-transform: rotate(79.2deg); -ms-transform: rotate(79.2deg); -o-transform: rotate(79.2deg); transform: rotate(79.2deg);
}
.c100.p23 .bar { -webkit-transform: rotate(82.8deg); -moz-transform: rotate(82.8deg); -ms-transform: rotate(82.8deg); -o-transform: rotate(82.8deg); transform: rotate(82.8deg);
}
.c100.p24 .bar { -webkit-transform: rotate(86.4deg); -moz-transform: rotate(86.4deg); -ms-transform: rotate(86.4deg); -o-transform: rotate(86.4deg); transform: rotate(86.4deg);
}
.c100.p25 .bar { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg);
}
.c100.p26 .bar { -webkit-transform: rotate(93.60000000000001deg); -moz-transform: rotate(93.60000000000001deg); -ms-transform: rotate(93.60000000000001deg); -o-transform: rotate(93.60000000000001deg); transform: rotate(93.60000000000001deg);
}
.c100.p27 .bar { -webkit-transform: rotate(97.2deg); -moz-transform: rotate(97.2deg); -ms-transform: rotate(97.2deg); -o-transform: rotate(97.2deg); transform: rotate(97.2deg);
}
.c100.p28 .bar { -webkit-transform: rotate(100.8deg); -moz-transform: rotate(100.8deg); -ms-transform: rotate(100.8deg); -o-transform: rotate(100.8deg); transform: rotate(100.8deg);
}
.c100.p29 .bar { -webkit-transform: rotate(104.4deg); -moz-transform: rotate(104.4deg); -ms-transform: rotate(104.4deg); -o-transform: rotate(104.4deg); transform: rotate(104.4deg);
}
.c100.p30 .bar { -webkit-transform: rotate(108deg); -moz-transform: rotate(108deg); -ms-transform: rotate(108deg); -o-transform: rotate(108deg); transform: rotate(108deg);
}
.c100.p31 .bar { -webkit-transform: rotate(111.60000000000001deg); -moz-transform: rotate(111.60000000000001deg); -ms-transform: rotate(111.60000000000001deg); -o-transform: rotate(111.60000000000001deg); transform: rotate(111.60000000000001deg);
}
.c100.p32 .bar { -webkit-transform: rotate(115.2deg); -moz-transform: rotate(115.2deg); -ms-transform: rotate(115.2deg); -o-transform: rotate(115.2deg); transform: rotate(115.2deg);
}
.c100.p33 .bar { -webkit-transform: rotate(118.8deg); -moz-transform: rotate(118.8deg); -ms-transform: rotate(118.8deg); -o-transform: rotate(118.8deg); transform: rotate(118.8deg);
}
.c100.p34 .bar { -webkit-transform: rotate(122.4deg); -moz-transform: rotate(122.4deg); -ms-transform: rotate(122.4deg); -o-transform: rotate(122.4deg); transform: rotate(122.4deg);
}
.c100.p35 .bar { -webkit-transform: rotate(126deg); -moz-transform: rotate(126deg); -ms-transform: rotate(126deg); -o-transform: rotate(126deg); transform: rotate(126deg);
}
.c100.p36 .bar { -webkit-transform: rotate(129.6deg); -moz-transform: rotate(129.6deg); -ms-transform: rotate(129.6deg); -o-transform: rotate(129.6deg); transform: rotate(129.6deg);
}
.c100.p37 .bar { -webkit-transform: rotate(133.20000000000002deg); -moz-transform: rotate(133.20000000000002deg); -ms-transform: rotate(133.20000000000002deg); -o-transform: rotate(133.20000000000002deg); transform: rotate(133.20000000000002deg);
}
.c100.p38 .bar { -webkit-transform: rotate(136.8deg); -moz-transform: rotate(136.8deg); -ms-transform: rotate(136.8deg); -o-transform: rotate(136.8deg); transform: rotate(136.8deg);
}
.c100.p39 .bar { -webkit-transform: rotate(140.4deg); -moz-transform: rotate(140.4deg); -ms-transform: rotate(140.4deg); -o-transform: rotate(140.4deg); transform: rotate(140.4deg);
}
.c100.p40 .bar { -webkit-transform: rotate(144deg); -moz-transform: rotate(144deg); -ms-transform: rotate(144deg); -o-transform: rotate(144deg); transform: rotate(144deg);
}
.c100.p41 .bar { -webkit-transform: rotate(147.6deg); -moz-transform: rotate(147.6deg); -ms-transform: rotate(147.6deg); -o-transform: rotate(147.6deg); transform: rotate(147.6deg);
}
.c100.p42 .bar { -webkit-transform: rotate(151.20000000000002deg); -moz-transform: rotate(151.20000000000002deg); -ms-transform: rotate(151.20000000000002deg); -o-transform: rotate(151.20000000000002deg); transform: rotate(151.20000000000002deg);
}
.c100.p43 .bar { -webkit-transform: rotate(154.8deg); -moz-transform: rotate(154.8deg); -ms-transform: rotate(154.8deg); -o-transform: rotate(154.8deg); transform: rotate(154.8deg);
}
.c100.p44 .bar { -webkit-transform: rotate(158.4deg); -moz-transform: rotate(158.4deg); -ms-transform: rotate(158.4deg); -o-transform: rotate(158.4deg); transform: rotate(158.4deg);
}
.c100.p45 .bar { -webkit-transform: rotate(162deg); -moz-transform: rotate(162deg); -ms-transform: rotate(162deg); -o-transform: rotate(162deg); transform: rotate(162deg);
}
.c100.p46 .bar { -webkit-transform: rotate(165.6deg); -moz-transform: rotate(165.6deg); -ms-transform: rotate(165.6deg); -o-transform: rotate(165.6deg); transform: rotate(165.6deg);
}
.c100.p47 .bar { -webkit-transform: rotate(169.20000000000002deg); -moz-transform: rotate(169.20000000000002deg); -ms-transform: rotate(169.20000000000002deg); -o-transform: rotate(169.20000000000002deg); transform: rotate(169.20000000000002deg);
}
.c100.p48 .bar { -webkit-transform: rotate(172.8deg); -moz-transform: rotate(172.8deg); -ms-transform: rotate(172.8deg); -o-transform: rotate(172.8deg); transform: rotate(172.8deg);
}
.c100.p49 .bar { -webkit-transform: rotate(176.4deg); -moz-transform: rotate(176.4deg); -ms-transform: rotate(176.4deg); -o-transform: rotate(176.4deg); transform: rotate(176.4deg);
}
.c100.p50 .bar { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);
}
.c100.p51 .bar { -webkit-transform: rotate(183.6deg); -moz-transform: rotate(183.6deg); -ms-transform: rotate(183.6deg); -o-transform: rotate(183.6deg); transform: rotate(183.6deg);
}
.c100.p52 .bar { -webkit-transform: rotate(187.20000000000002deg); -moz-transform: rotate(187.20000000000002deg); -ms-transform: rotate(187.20000000000002deg); -o-transform: rotate(187.20000000000002deg); transform: rotate(187.20000000000002deg);
}
.c100.p53 .bar { -webkit-transform: rotate(190.8deg); -moz-transform: rotate(190.8deg); -ms-transform: rotate(190.8deg); -o-transform: rotate(190.8deg); transform: rotate(190.8deg);
}
.c100.p54 .bar { -webkit-transform: rotate(194.4deg); -moz-transform: rotate(194.4deg); -ms-transform: rotate(194.4deg); -o-transform: rotate(194.4deg); transform: rotate(194.4deg);
}
.c100.p55 .bar { -webkit-transform: rotate(198deg); -moz-transform: rotate(198deg); -ms-transform: rotate(198deg); -o-transform: rotate(198deg); transform: rotate(198deg);
}
.c100.p56 .bar { -webkit-transform: rotate(201.6deg); -moz-transform: rotate(201.6deg); -ms-transform: rotate(201.6deg); -o-transform: rotate(201.6deg); transform: rotate(201.6deg);
}
.c100.p57 .bar { -webkit-transform: rotate(205.20000000000002deg); -moz-transform: rotate(205.20000000000002deg); -ms-transform: rotate(205.20000000000002deg); -o-transform: rotate(205.20000000000002deg); transform: rotate(205.20000000000002deg);
}
.c100.p58 .bar { -webkit-transform: rotate(208.8deg); -moz-transform: rotate(208.8deg); -ms-transform: rotate(208.8deg); -o-transform: rotate(208.8deg); transform: rotate(208.8deg);
}
.c100.p59 .bar { -webkit-transform: rotate(212.4deg); -moz-transform: rotate(212.4deg); -ms-transform: rotate(212.4deg); -o-transform: rotate(212.4deg); transform: rotate(212.4deg);
}
.c100.p60 .bar { -webkit-transform: rotate(216deg); -moz-transform: rotate(216deg); -ms-transform: rotate(216deg); -o-transform: rotate(216deg); transform: rotate(216deg);
}
.c100.p61 .bar { -webkit-transform: rotate(219.6deg); -moz-transform: rotate(219.6deg); -ms-transform: rotate(219.6deg); -o-transform: rotate(219.6deg); transform: rotate(219.6deg);
}
.c100.p62 .bar { -webkit-transform: rotate(223.20000000000002deg); -moz-transform: rotate(223.20000000000002deg); -ms-transform: rotate(223.20000000000002deg); -o-transform: rotate(223.20000000000002deg); transform: rotate(223.20000000000002deg);
}
.c100.p63 .bar { -webkit-transform: rotate(226.8deg); -moz-transform: rotate(226.8deg); -ms-transform: rotate(226.8deg); -o-transform: rotate(226.8deg); transform: rotate(226.8deg);
}
.c100.p64 .bar { -webkit-transform: rotate(230.4deg); -moz-transform: rotate(230.4deg); -ms-transform: rotate(230.4deg); -o-transform: rotate(230.4deg); transform: rotate(230.4deg);
}
.c100.p65 .bar { -webkit-transform: rotate(234deg); -moz-transform: rotate(234deg); -ms-transform: rotate(234deg); -o-transform: rotate(234deg); transform: rotate(234deg);
}
.c100.p66 .bar { -webkit-transform: rotate(237.6deg); -moz-transform: rotate(237.6deg); -ms-transform: rotate(237.6deg); -o-transform: rotate(237.6deg); transform: rotate(237.6deg);
}
.c100.p67 .bar { -webkit-transform: rotate(241.20000000000002deg); -moz-transform: rotate(241.20000000000002deg); -ms-transform: rotate(241.20000000000002deg); -o-transform: rotate(241.20000000000002deg); transform: rotate(241.20000000000002deg);
}
.c100.p68 .bar { -webkit-transform: rotate(244.8deg); -moz-transform: rotate(244.8deg); -ms-transform: rotate(244.8deg); -o-transform: rotate(244.8deg); transform: rotate(244.8deg);
}
.c100.p69 .bar { -webkit-transform: rotate(248.4deg); -moz-transform: rotate(248.4deg); -ms-transform: rotate(248.4deg); -o-transform: rotate(248.4deg); transform: rotate(248.4deg);
}
.c100.p70 .bar { -webkit-transform: rotate(252deg); -moz-transform: rotate(252deg); -ms-transform: rotate(252deg); -o-transform: rotate(252deg); transform: rotate(252deg);
}
.c100.p71 .bar { -webkit-transform: rotate(255.6deg); -moz-transform: rotate(255.6deg); -ms-transform: rotate(255.6deg); -o-transform: rotate(255.6deg); transform: rotate(255.6deg);
}
.c100.p72 .bar { -webkit-transform: rotate(259.2deg); -moz-transform: rotate(259.2deg); -ms-transform: rotate(259.2deg); -o-transform: rotate(259.2deg); transform: rotate(259.2deg);
}
.c100.p73 .bar { -webkit-transform: rotate(262.8deg); -moz-transform: rotate(262.8deg); -ms-transform: rotate(262.8deg); -o-transform: rotate(262.8deg); transform: rotate(262.8deg);
}
.c100.p74 .bar { -webkit-transform: rotate(266.40000000000003deg); -moz-transform: rotate(266.40000000000003deg); -ms-transform: rotate(266.40000000000003deg); -o-transform: rotate(266.40000000000003deg); transform: rotate(266.40000000000003deg);
}
.c100.p75 .bar { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg);
}
.c100.p76 .bar { -webkit-transform: rotate(273.6deg); -moz-transform: rotate(273.6deg); -ms-transform: rotate(273.6deg); -o-transform: rotate(273.6deg); transform: rotate(273.6deg);
}
.c100.p77 .bar { -webkit-transform: rotate(277.2deg); -moz-transform: rotate(277.2deg); -ms-transform: rotate(277.2deg); -o-transform: rotate(277.2deg); transform: rotate(277.2deg);
}
.c100.p78 .bar { -webkit-transform: rotate(280.8deg); -moz-transform: rotate(280.8deg); -ms-transform: rotate(280.8deg); -o-transform: rotate(280.8deg); transform: rotate(280.8deg);
}
.c100.p79 .bar { -webkit-transform: rotate(284.40000000000003deg); -moz-transform: rotate(284.40000000000003deg); -ms-transform: rotate(284.40000000000003deg); -o-transform: rotate(284.40000000000003deg); transform: rotate(284.40000000000003deg);
}
.c100.p80 .bar { -webkit-transform: rotate(288deg); -moz-transform: rotate(288deg); -ms-transform: rotate(288deg); -o-transform: rotate(288deg); transform: rotate(288deg);
}
.c100.p81 .bar { -webkit-transform: rotate(291.6deg); -moz-transform: rotate(291.6deg); -ms-transform: rotate(291.6deg); -o-transform: rotate(291.6deg); transform: rotate(291.6deg);
}
.c100.p82 .bar { -webkit-transform: rotate(295.2deg); -moz-transform: rotate(295.2deg); -ms-transform: rotate(295.2deg); -o-transform: rotate(295.2deg); transform: rotate(295.2deg);
}
.c100.p83 .bar { -webkit-transform: rotate(298.8deg); -moz-transform: rotate(298.8deg); -ms-transform: rotate(298.8deg); -o-transform: rotate(298.8deg); transform: rotate(298.8deg);
}
.c100.p84 .bar { -webkit-transform: rotate(302.40000000000003deg); -moz-transform: rotate(302.40000000000003deg); -ms-transform: rotate(302.40000000000003deg); -o-transform: rotate(302.40000000000003deg); transform: rotate(302.40000000000003deg);
}
.c100.p85 .bar { -webkit-transform: rotate(306deg); -moz-transform: rotate(306deg); -ms-transform: rotate(306deg); -o-transform: rotate(306deg); transform: rotate(306deg);
}
.c100.p86 .bar { -webkit-transform: rotate(309.6deg); -moz-transform: rotate(309.6deg); -ms-transform: rotate(309.6deg); -o-transform: rotate(309.6deg); transform: rotate(309.6deg);
}
.c100.p87 .bar { -webkit-transform: rotate(313.2deg); -moz-transform: rotate(313.2deg); -ms-transform: rotate(313.2deg); -o-transform: rotate(313.2deg); transform: rotate(313.2deg);
}
.c100.p88 .bar { -webkit-transform: rotate(316.8deg); -moz-transform: rotate(316.8deg); -ms-transform: rotate(316.8deg); -o-transform: rotate(316.8deg); transform: rotate(316.8deg);
}
.c100.p89 .bar { -webkit-transform: rotate(320.40000000000003deg); -moz-transform: rotate(320.40000000000003deg); -ms-transform: rotate(320.40000000000003deg); -o-transform: rotate(320.40000000000003deg); transform: rotate(320.40000000000003deg);
}
.c100.p90 .bar { -webkit-transform: rotate(324deg); -moz-transform: rotate(324deg); -ms-transform: rotate(324deg); -o-transform: rotate(324deg); transform: rotate(324deg);
}
.c100.p91 .bar { -webkit-transform: rotate(327.6deg); -moz-transform: rotate(327.6deg); -ms-transform: rotate(327.6deg); -o-transform: rotate(327.6deg); transform: rotate(327.6deg);
}
.c100.p92 .bar { -webkit-transform: rotate(331.2deg); -moz-transform: rotate(331.2deg); -ms-transform: rotate(331.2deg); -o-transform: rotate(331.2deg); transform: rotate(331.2deg);
}
.c100.p93 .bar { -webkit-transform: rotate(334.8deg); -moz-transform: rotate(334.8deg); -ms-transform: rotate(334.8deg); -o-transform: rotate(334.8deg); transform: rotate(334.8deg);
}
.c100.p94 .bar { -webkit-transform: rotate(338.40000000000003deg); -moz-transform: rotate(338.40000000000003deg); -ms-transform: rotate(338.40000000000003deg); -o-transform: rotate(338.40000000000003deg); transform: rotate(338.40000000000003deg);
}
.c100.p95 .bar { -webkit-transform: rotate(342deg); -moz-transform: rotate(342deg); -ms-transform: rotate(342deg); -o-transform: rotate(342deg); transform: rotate(342deg);
}
.c100.p96 .bar { -webkit-transform: rotate(345.6deg); -moz-transform: rotate(345.6deg); -ms-transform: rotate(345.6deg); -o-transform: rotate(345.6deg); transform: rotate(345.6deg);
}
.c100.p97 .bar { -webkit-transform: rotate(349.2deg); -moz-transform: rotate(349.2deg); -ms-transform: rotate(349.2deg); -o-transform: rotate(349.2deg); transform: rotate(349.2deg);
}
.c100.p98 .bar { -webkit-transform: rotate(352.8deg); -moz-transform: rotate(352.8deg); -ms-transform: rotate(352.8deg); -o-transform: rotate(352.8deg); transform: rotate(352.8deg);
}
.c100.p99 .bar { -webkit-transform: rotate(356.40000000000003deg); -moz-transform: rotate(356.40000000000003deg); -ms-transform: rotate(356.40000000000003deg); -o-transform: rotate(356.40000000000003deg); transform: rotate(356.40000000000003deg);
}
.c100.p100 .bar { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg);
}
.c100:hover { cursor: default;
}
.c100:hover > span { width: 3.33em; line-height: 3.33em; font-size: 0.3em; color: #307bbb;
}
.c100:hover:after { top: 0.04em; left: 0.04em; width: 0.92em; height: 0.92em;
}
.c100.dark { background-color: #777777;
}
.c100.dark .bar,
.c100.dark .fill { border-color: #c6ff00 !important;
}
.c100.dark > span { color: #777777;
}
.c100.dark:after { background-color: #666666;
}
.c100.dark:hover > span { color: #c6ff00;
}
.c100.green .bar,
.c100.green .fill { border-color: #4db53c !important;
}
.c100.green:hover > span { color: #4db53c;
}
.c100.green.dark .bar,
.c100.green.dark .fill { border-color: #5fd400 !important;
}
.c100.green.dark:hover > span { color: #5fd400;
}
.c100.orange .bar,
.c100.orange .fill { border-color: #dd9d22 !important;
}
.c100.orange:hover > span { color: #dd9d22;
}
.c100.orange.dark .bar,
.c100.orange.dark .fill { border-color: #e08833 !important;
}
.c100.orange.dark:hover > span { color: #e08833;
}
#got_skills { width: 100%; margin: 0 auto;
}
.skill_category { margin-top: 10px; margin-bottom: 40px;
}
.skill_category h3 { text-align: center; color: #000000; font-family: 'Titillium Web', sans-serif;
}
#our_portfolio { padding-bottom: 30px;
}
.portfolio_image { margin-top: 30px;
}
.portfolio_image img { width: 100%;
}
.load_more { text-align: center;
}
.load_more a { display: inline-block; background-color: #17c2a4; border-radius: 5px; padding: 15px 50px; border-bottom: 4px solid #14a58c; font-family: 'Titillium Web', sans-serif; color: white; margin-top: 30px; margin-bottom: 50px;
}
.load_more a:hover { text-decoration: none; display: inline-block; background-color: #17c2a4; border-radius: 5px; padding: 15px 50px; border-bottom: 4px solid #14a58c; font-family: 'Titillium Web', sans-serif; color: white;
}
#got_skills { margin-bottom: 50px; overflow: hidden; width: 90%; margin: 0 auto;
}
#our_portfolio { background-color: #ffdd99;
}
.portfolio_category { width: 30%; margin: 0 auto;
}
.portfolio_category ul li { float: left; list-style-type: none; padding-left: 20px;
}
.portfolio_category ul li a { color: black; font-family: 'Titillium Web', sans-serif; background-color: #ebc985; padding: 7px 15px; border-radius: 5px; display: inline-block; margin-bottom: 30px;
}
.portfolio_category ul li a:hover { color: black; font-family: 'Titillium Web', sans-serif; background-color: white; padding: 7px 15px; border-radius: 5px; display: inline-block; margin-bottom: 30px; text-decoration: none;
}
.caption { margin-bottom: 30px;
}
.caption h3 { color: black; font-family: 'Titillium Web', sans-serif; text-align: center;
}
#what_people_say { background-color: #d74680;
}
.comment i { color: white; font-family: 'Titillium Web', sans-serif; font-size: 19px;
}
.comment h3 { color: white; font-family: 'Titillium Web', sans-serif;
}
.comment h5 { color: #ffdd99; font-family: 'Titillium Web', sans-serif;
}
.set_margin { margin-top: 20px; margin-bottom: 30px;
}
.comment {}
#what_people_say { padding-bottom: 50px;
}
#get_in_touch { background-color: #3c5499;
}
.input_type { width: 100%; border-radius: 5px; background-color: #273a71; border: 1px solid #273a71; min-height: 45px; margin-top: 10px; margin-bottom: 10px;
}
.input_type_message { width: 100%; border-radius: 5px; background-color: #273a71; border: 1px solid #273a71; min-height: 135px; margin-top: 10px; margin-bottom: 10px;
}
.form_group { width: 60%; margin: 0 auto;
}
:-moz-placeholder { color: white; font-size: 13px; padding-left: 10px; font-family: 'Alegreya', serif;
}
:-ms-placeholder { color: white; font-size: 13px; padding-left: 10px; font-family: 'Alegreya', serif;
}
::-webkit-input-placeholder { color: white; font-size: 13px; padding-left: 26px; font-family: 'Alegreya', serif;
}
::-moz-placeholder { padding-left: 10px; color: white; font-size: 13px; font-family: 'Alegreya', serif;
}
footer { min-height: 70px; width: 100%; background-color: #344b8e;
}
.footer_list { width: 50%; margin: 0 auto; margin-top: 30px; margin-bottom: 10px;
}
.footer_list ul li { float: left; list-style-type: none; padding-left: 20px; margin-top: 5px; margin-bottom: 5px;
}
.footer_list ul li a { color: white; font-family: 'Titillium Web', sans-serif;
}
/* media query */
@media only screen and (max-width:993px) and (min-width:103px) { .banner_title h3 { font-family: 'Titillium Web', sans-serif; text-align: center; width: 71%; margin: 0 auto; color: white; }
}
@media only screen and (max-width:706px) and (min-width:103px) { .banner_title h3 { font-family: 'Titillium Web', sans-serif; text-align: center; width: 100%; margin: 0 auto; color: white; font-size: 18px; }
}
@media only screen and (max-width:691px) and (min-width:103px) { .service_title p { font-family: 'Titillium Web', sans-serif; width: 90%; margin: 0 auto; color: white; }
}
.item{ text-align:center;
}
Project_one - Script Codes
Project_one - Script Codes
Home Page Home
Developer MOHIM
Username MOHIM
Uploaded November 22, 2022
Rating 3
Size 9,592 Kb
Views 18,216
Do you need developer help for Project_one?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

MOHIM (MOHIM) Script Codes
Name
Footer item for projects
Form
Mop-1
Our services
Hotel
Portfolio
Bulsy
New
Confidence
EConnect
Create amazing art & images with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!