seetasu.github.io
/
Ratio.html

<!DOCTYPE html>
<html lang="en">

<head>

    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">

    <title>Business Frontpage - Start Bootstrap Template</title>

    <!-- Bootstrap Core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/bootstrap.css" rel="stylesheet">
    <link rel="stylesheet" type="text/css" href="normalize.css">

    <!-- Custom CSS -->
    <link href="css/project.css" rel="stylesheet">

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

    <link href='http://fonts.googleapis.com/css?family=Ubuntu:300,400,500,700' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=OpenSans:300,400,500,700' rel='stylesheet' type='text/css'>


</head>

<body>

<!-- Navigation -->
    <nav class="navbar navbar-inverse navbar-static-top" role="navigation">
        <div class="content-container">
            <!-- Brand and toggle get grouped for better mobile display -->
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
                    <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="index.html"><span id="lezhi">Lezhi</span><span>Su</span></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">
                    <li>
                        <a href="LezhiSu_CV.pdf">RESUME</a>
                    </li>
                    <li>
                        <a href="index.html#projects">PROJECTS</a>
                    </li>
                    <!-- <li>
                        <a href="#">SLASH</a>
                    </li> -->
                    <li>
                        <a href="index.html#contact">CONTACT</a>
                    </li>
                </ul>
            </div>
            <!-- /.navbar-collapse -->
        </div>
        <!-- /.container -->
    </nav>


    <!-- Page Content -->
    <div class="content-container" id="project-heating">
        <div class="row title-row">
            <div class="col-sm-9 project-title">
                <h2><span class="main-title">Transformative<br> Heating</span>
                <br><br>Heating system designed for transformative home</h2>
            </div>
            <div class="col-sm-3 project-type">
                <div>
                    <p><b>Role in the group</b></p>
                    <p class="gap-para">Concept generation, prototyping</p>
                </div>
                <div>
                    <p><b>Duration</b></p>
                    <p class="gap-para">02.2016 - 04.2017 <br>(2 weeks)</p>
                </div>
                <div>
                    <p><b>Scope</b></p>
                    <p class="gap-para">Concept Design</p>
                </div>
            </div>
        </div>

        <div class="row">
            <div class="col-sm-9">
                <p class="chapter-name">Brief</p>
                <p class="para">
                    Ever imagined what you could do with your heating system? Instead of radiators standing by the wall, what if we can manipulate the warm as the way we want it? <br>
                    Based on the notion of 'Savouring Warmth', we innovated on the heating system and created two concepts that allows people to savour the nice feeling of warmth with more control and fun.
                </p>
            </div>
            <div class="col-sm-3">
            </div>
        </div>

        <div class="row image-row">
            <div class="col-sm-12">
                <img src="img/heating/concept1.jpg">
            </div>
        </div>

        <div class="row two-col-row">
            <div class="col-sm-8">
                <h2 class="chapter-name">Concept 1</h2>
                <p class="para">This concept provides a new exploratory way to change the level of warmth by landscaping rice. The heat source is hidden under the rice landscape. One can either release the heat by creating open spaces (where more heat can go through), or cover up heat by moving the rice.</p>
            </div>
            <div class="col-sm-4">
            </div>
        </div>

        <div class="row image-row">
            <div class="col-sm-12">
                <img src="img/heating/concept2.jpg">
            </div>
        </div>

        <div class="row two-col-row">
            <div class="col-sm-8">
                <h2 class="chapter-name">Concept 2</h2>
                <p class="para">This concept is an adjustable warm spot. The warmth will go down when people come near to it and. It creates a nice atmosphere for people standing around it having a conversation and also gives them warm hands.</p>
            </div>
            <div class="col-sm-4">
            </div>
        </div>
    </div>


    <!-- jQuery -->
    <script src="js/jquery.js"></script>

    <!-- Bootstrap Core JavaScript -->
    <script src="js/bootstrap.min.js"></script>


    <script src="js/project.js"></script>

</body>

</html>