Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
65 changes: 65 additions & 0 deletions css/action-plan.css
Original file line number Diff line number Diff line change
@@ -0,0 +1,65 @@
#work_process {
width: 100%;
background-color: #20222e;
display: flex;
align-items: center;
justify-content: center;
padding: 100px 0 0;
}

#work_process h3 {
color: red;
}

#work_process h1 {
color: white;
}

#work_process .icon-circle {
color: white;
display: inline-block;
width: 80px;
height: 80px;
line-height: 80px;
border: 2px solid #45aed6;
border-radius: 100px;
position: relative;
margin-bottom: 10px;

}

#work_process .icon-circle:hover {
background-color: rgba(255, 255, 255, .3);
}

#work_process .icon-circle>span {
border-style: solid;
border-width: 2px;
border-color: #45aed6;
border-radius: 50%;
background-color: #fff;
position: absolute;
width: 24px;
height: 24px;
line-height: 20px;
top: -12px;
color: #64686d;
left: 38%;
}

#work_process .fa {
float: none;
width: unset;
}

#work_process p {
font-size: 15px;
}

#work_process h3 {
font-size: 1.4rem;
}

#section-header {
padding-bottom: 100px;
}
158 changes: 155 additions & 3 deletions index.html
Original file line number Diff line number Diff line change
Expand Up @@ -16,6 +16,8 @@
<link rel="stylesheet" type="text/css" href="css/aos.css">
<link rel="stylesheet" type="text/css" href="css/team.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<link rel="stylesheet" type="text/css" href="css/action-plan.css">

<link rel="stylesheet" type="text/css" href="css/sticky-footer.css">

</head>
Expand Down Expand Up @@ -312,6 +314,156 @@ <h5 style="color: #fff;">Aniket Sulke<a href="https://www.linkedin.com/in/aniket
<br>
</section>



<section id="work_process">
<a name="actionplan"></a>
<div class="container">
<div id="section-header">
<h1 class="section-title text-center " >Action Plan</h1>
<p class="text-center ">REDX club MITAOE 10 weeks framework.</p>
</div>

<div class="row text-center">
<div class="col-md-3 col-md-6 col-xs-6">
<div class=" " >
<div class="icon-circle">
<span>1</span>
<i class="fa fa-facebook fa-2x"></i>
</div>
<h3>WEEK (-2)</h3>
<p>Website, facebook page, event page.</p>
<br>
<br><br><br>
</div>
</div>

<div class="col-md-3 col-md-6 col-xs-6">
<div class=" " >
<div class="icon-circle">
<span>2</span>
<i class="fa fa-eye fa-2x"></i>
</div>
<h3>WEEK 1</h3>
<p>1. Setting Vision and Mission for club.<br>2. Application and Registration of community innovators and consultation with stakeholders.</p>
<br>
</div>
</div>

<div class="col-md-3 col-md-6 col-xs-6">
<div class=" " >
<div class="icon-circle">
<span>3</span>
<i class="fa fa-rocket fa-2x"></i>
</div>
<h3>WEEK 2</h3>
<p>1. Launch Activity.<br>2. Spot-probe orientation sessions.<br>3. Pitching ideas in front of senior board members.</p>
<br>
</div>
</div>

<div class="col-md-3 col-md-6 col-xs-6">
<div class=" ">
<div class="icon-circle">
<span>4</span>
<i class="fa fa-users fa-2x"></i>
</div>
<h3>WEEK 3</h3>
<p>1. Creating teams, assigning roles and responsibilities.<br>2. Field visits, meeting stakeholders and setting goal statements.</p>
<br>
</div>
</div>

<div class="col-md-3 col-md-6 col-xs-6">
<div class=" " >
<div class="icon-circle">
<span>5</span>
<i class="fa fa-comments-o fa-2x"></i>
</div>
<h3>WEEK 4</h3>
<p>1. Review goal statements set above.<br>2. Identify resource requirement mapping.</p>
<br>
</div>
</div>

<div class="col-md-3 col-md-6 col-xs-6">
<div class=" " >
<div class="icon-circle">
<span>6</span>
<i class="fa fa-calendar fa-2x"></i>
</div>
<h3>WEEK 5</h3>
<p>1. Project scope determination and planning problem-solution, validation criteria.</p>
<br>
</div>
</div>

<div class="col-md-3 col-md-6 col-xs-6">
<div class=" " >
<div class="icon-circle">
<span>7</span>
<i class="fa fa-paint-brush fa-2x"></i>
</div>
<h3>WEEK 6</h3>
<p>1. Creating design templates.<br>2. Start developing solution.</p>
<br>
<br>
</div>
</div>

<div class="col-md-3 col-md-6 col-xs-6">
<div class=" " >
<div class="icon-circle">
<span>8</span>
<i class="fa fa-gavel fa-2x"></i>
</div>
<h3>WEEK 7</h3>
<p>1. Developing prototype.<br>2. Deciding testing strategy.</p>
<br>
<br>
</div>
</div>

<div class="col-md-4 col-md-6 col-xs-6">
<div class=" " >
<div class="icon-circle">
<span>9</span>
<i class="fa fa-check fa-2x"></i>
</div>
<h3>WEEK 8</h3>
<p>1. Presenting developed prototypes for validation and exhibiting to stakeholders.<br>2. Finalization of projects after critical comments from stakeholders.</p>
<br>
</div>
</div>

<div class="col-md-4 col-md-6 col-xs-6">
<div class=" " >
<div class="icon-circle">
<span>10</span>
<i class="fa fa-eye fa-2x"></i>
</div>
<h3>WEEK 9</h3>
<p>1. Demonstrating projects to stakeholders.</p>
<br>
</div>
</div>

<div class="col-md-4 col-md-6 col-xs-6">
<div class=" " >
<div class="icon-circle">
<span>11</span>
<i class="fa fa-eye fa-2x"></i>
</div>
<h3>WEEK 10</h3>
<p>1. Releasing project implementations for evaluating impact.<br>2. Short listing projects and documenting.<br>3. Applying to get featured on parent REDx.io</p>
<br>
</div>
</div>
</div>
</div>
</section>


<section class="seven" id="achievements">


Expand All @@ -327,7 +479,7 @@ <h1 style="padding-bottom:10px;padding-top: 10px;color:#000;"><strong>ACHIEVEMEN

<br>

<p="color:#000">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
<p style="color:#000">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

<h3 style="color:#000;"><b>Projects done by teams in 2018-2019</b><br><br></h3>

Expand All @@ -350,10 +502,10 @@ <h4>• Noise Reflector</h4></a> <br>
</div>
</section>

<section class="four">
<section class="four" style="display: none;" >
<br>
<h2 style="color: #fff;" class="pt-3 text-center"><strong>10-Week Framework</strong></h2><br><br>
<table class="table table-striped" style="width:100%; color: #000">
<table class="table table-striped" style="width:100%; color: #000;display:none">
<!-- <h3 style="color: #000;"><strong>WEEK</strong></h3><br><br> -->
<tr>
<th><b>WEEK</b></th>
Expand Down