<!DOCTYPE html>
<html lang="en">
<head>
<title>Girls in AI</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link href="css/bootstrap.min.css" rel="stylesheet" type="text/css" media="all">
<link href="css/index.css" rel="stylesheet" type="text/css" media="all">
<link href="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.1.6/css/swiper.min.css" rel="stylesheet" >
<link href="css/theme.css" rel="stylesheet" type="text/css" media="all">
</head>
<style>
@font-face {
font-family: 'Glyphicons Halflings';
src: url('font/glyphicons-halflings-regular.eot');
src: url('font/glyphicons-halflings-regular.eot?#iefix') format('embedded-opentype'), url('font/glyphicons-halflings-regular.woff') format('woff'), url('font/glyphicons-halflings-regular.ttf') format('truetype'), url('fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular') format('svg');
}
.swiper-container {
width: 100%;
height: 100%;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
/* Center slide text vertically */
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
}
</style>
<body>
<header>
<nav class="navbar navbar-inverse">
<div class="container-fluid">
<div class="navbar-header">
<button class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-navbar-collapse-1" aria-expanded="false">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">GIA-LOGO</a>
</div>
<div class="collapse navbar-collapse" id="bs-navbar-collapse-1">
<ul class="nav navbar-nav navbar-right">
<li class="active"><a href="#">首页</a></li>
<li><a href="./pages/courses.html">课程</a></li>
<li><a href="./pages/giaers.html">她们</a></li>
<li><a href="./pages/about.html">关于</a></li>
<!-- <li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">我们的课程 <span class="caret"></span></a>
<ul class="dropdown-menu">
<li><a href="#">小白python入门教程</a></li>
<li><a href="#">数据分析教程</a></li>
<li><a href="#">机器学习教程</a></li>
</ul>
</li> -->
</ul>
</div>
</div>
</nav>
</header>
<div id="index-page">
<section>
<div class="slider-part " style="z-index:1">
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
<!-- Indicators -->
<ol class="carousel-indicators">
<!-- <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li> -->
<!-- <li data-target="#carousel-example-generic" data-slide-to="1"></li> -->
<!-- <li data-target="#carousel-example-generic" data-slide-to="2"></li> -->
</ol>
<!-- Wrapper for slides -->
<div class="carousel-inner" role="listbox">
<div class="item active slider-item">
<img src="images/bg-1.png" alt="">
<div class="top-content">
<h3>Girls<span style="color:rgba(232, 186, 188, 1);font-size: 80px;">In</span>AI</h3>
<!--<p>coding is the new sexy</p>-->
<p class="content-detail" style="font-size:20px;max-width:480px;margin-top:24px;line-height: 40px;">GirlsInAI（GIA） 是一个面向编程小白的AI算法工程师养成计划。这个计划鼓励更多的女性去学习编程甚至成为科技行业的领袖。GIA可以为大家带来很多免费编程课和组队学习：python入门教程、数据分析教程、机器学习教程等等。今后还会有更多的免费课程和活动，欢迎加入GIA！</p>
</div>
<div class="carousel-caption">
<!-- <h3>关于GIA</h3> -->
<!--<p>GirlsInAI（GIA） 是一个面向编程 零基础 的AI算法工程师养成计划。鼓励更多的女孩子去学习编程甚至成为科技行业的领袖。希望大家都能站在食物链上游看一看，因为风景真的很好。</p>-->
</div>
</div>
</div>
<!-- Controls -->
<!-- <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
<span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
<span class="sr-only">Previous</span>
</a>
<a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
<span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
<span class="sr-only">Next</span>
</a> -->
</div>
</div>
<div class="main-part">
<div class="introduce-part marginTop20">
<section class="ip-left">
<img src="images/004.jpg"/>
</section>
<section class="ip-right">
<div class="title-part" style="justify-content:left;">
<!-- <span class="title">介绍</span> -->
<!--<span>这个计划为什么叫Girls-In-AI? </span>-->
<span style="padding:0px 0px;font-size: 28px;">CODING IS THE NEW SEXY !</span>
</div>
<div class="content" >
</br>
<p style="font-size: 28px;line-height: 40px;"><span style="font-size: 50px;">“</span>我的出发点很简单，只想做好一件事，去鼓励更多的女生去学习AI编程甚至成为科技行业的领袖。希望大家都能站在食物链上游看一看，因为风景真的很好，
</p>
</br>
<p>这个计划所有的课程都免费。对！免费！而且我们还有奖学金放送！如果你没钱报外面三五万的水培训班，而你恰好有时间学，欢迎你来GIA！”
</p>
</br>
<p>-- Words From Founder ZhangYi
</p>
</div>
</section>
</div>
<div class="contributor-part marginTop20">
<div class="title-part">
<!-- <span class="title">我们的贡献者</span> -->
<span style="font-size:30px;">AI is shaping the future. Who is shaping GIA? </span>
</div>
<div class="swiper-container" style="height:100px;width:100%;">
<div class="swiper-wrapper" id="contributors">
</div>
<!-- Add Pagination -->
<!-- <div class="swiper-pagination"></div> -->
</div>
</div>
<div class="gain-part marginTop20">
<div class="data-item">
<p>全球2300万开发者中女性程序员的比例只占</p>
<span>20<small>%</small></span>
</div>
<div class="data-item">
<p>全球高校的人工智能、机器学习课程中女学员只占</p>
<span>25<small>%</small></span>
</div>
<div class="data-item">
<p>目前GirlsInAI计划的学习参与者人数已高于</p>
<span>4.7<small>k</small></span>
</div>
</div>
<div class="course-part marginTop20">
<h3>我们的课程</h3>
<div class="course-wrap marginTop20">
<div class="course-item">
<div class="title">
<h4>小白python入门教程</h4>
</div>
<p>洞察数据，掌握成功决策的秘密</p>
<div class="enter-wrap">
<span></span><a href="https://github.com/girls-in-ai/Girls-In-AI" target="_blank">立即加入</a></span>
</div>
</div>
<div class="course-item">
<div class="title">
<h4>数据分析教程</h4>
</div>
<p>洞察数据，掌握成功决策的秘密</p>
<div class="enter-wrap">
<span><a href="https://github.com/girls-in-ai/Girls-In-AI" target="_blank">立即加入</a></span>
</div>
</div>
<div class="course-item">
<div class="title">
<h4>机器学习教程</h4>
</div>
<p>洞察数据，掌握成功决策的秘密</p>
<div class="enter-wrap">
<span><a href="https://github.com/girls-in-ai/Girls-In-AI" target="_blank">立即加入</a></span>
</div>
</div>
</div>
</div>
</div>
</section>
<footer>
<span>©2019-2020 by GIA 粤ICP备19107149号</span>
<a href="https://m.weibo.cn/profile/2650740963">微博</a> |
<a href="https://github.com/girls-in-ai/Girls-In-AI">Git</a>
</footer>
</div>
<div class="fix-donation">
<a href="./pages/donation.html">赞助我吧</a>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/Swiper/4.1.6/js/swiper.min.js"></script>
<script src="js/index.js"></script>
<script>
var swiper = new Swiper('.swiper-container', {
direction: 'vertical',
autoplay: true,
speed: 300,
pagination: {
el: '',
clickable: true,
},
});
</script>
</body>
</html>