<!– still needs converting from bootstrap –> <div class=“global-container workflow-wraper”>
<h1 class="center-text workflow-header">Starting a New Project</h1> <div id="TimeLine" class="workflow-panel"> <svg class="timeline" width="201.155390144" height="1009.05" viewBox="0, 0, 201.155390144, 1009.05" preserveAspectRatio="none"> <g> <line id="TimeLineLine" x1="100.577695072" y1="10.5" x2="100.577695072" y2="943.5" /> <circle id="TimeLineC1" cx="100.577695072" cy="5.5" r="5" /> <circle id="TimeLineC2" cx="100.577695072" cy="205.5" r="5" /> <circle id="TimeLineC3" cx="100.577695072" cy="405.5" r="5" /> <circle id="TimeLineC4" cx="100.577695072" cy="605.5" r="5" /> <a href="/contact.html" class="svg-btn-outline"> <path id="TimeLineBL" d="M100.064360472,1008.5 C70.2262403146,1008.5 40.3881201573,1008.5 10.55,1008.5 C5.55,1008.5 0.55,1003.5 0.55,998.5 C0.55,983.5 0.55,968.5 0.55,953.5 C0.55,948.5 5.55,943.5 10.55,943.5 C10.55,943.5 10.55,943.5 10.55,943.5 C40.5592316908,943.5 70.5684633815,943.5 100.577695072,943.5" /> <path id="TimeLineBR" d="M101.091029672,943.5 C130.929149829,943.5 160.767269987,943.5 190.605390144,943.5 C195.605390144,943.5 200.605390144,948.5 200.605390144,953.5 C200.605390144,968.5 200.605390144,983.5 200.605390144,998.5 C200.605390144,1003.5 195.605390144,1008.5 190.605390144,1008.5 L190.605390144,1008.5 C160.596158453,1008.5 130.586926762,1008.5 100.577695072,1008.5" /> <text id="TimeLineText" class="svg-btn-text"> <tspan x="66" y="984.5"> Ready? </tspan> </text> </a> </g> </svg> </div> <div id="tlBubbles-container" > <div id="tlBubble1" class="bubble shadow"> <p>Start a conversation</p> <p class="m-0 p-0">You tell me what you want, I listen, then we make a foolproof plan.</p> </div> <div id="tlBubble2" class="bubble shadow"> <p class="text-center m-0 p-0 font-weight-bold">Mock-Up</p> <p class="m-0 p-0">Quick to produce and will help us visulise your idea. This will become the scaffolding for your final website.</p> </div> <div id="tlBubble3" class="bubble shadow"> <p class="text-center m-0 p-0 font-weight-bold">Inject life</p> <p class="m-0 p-0">Cool images, rhythming copy, juicy JavaScript and sprinbkles of php will bring your website to life.</p> </div> <div id="tlBubble4" class="bubble shadow"> <p class="text-center m-0 p-0 font-weight-bold">Launch day!</p> <p class="m-0 p-0">Once you are happy with your website we can go live!</p> </div> </div>
</div>