Difference between revisions of "Team:Calgary/Model"

Line 107: Line 107:
 
 
 
</div>
 
</div>
 +
 +
 +
<body>
 +
 +
<div class="container">
 +
    <div class="row">
 +
 +
 +
 +
    <a href="">
 +
        <div class="col">
 +
            <div class="container__sources">
 +
                <img src="img/PhasePrediction/ternaryPhaseDiagram.gif" height="10%" width="10%">
 +
                <div class="sources--cms">
 +
                    <h3>Protein Emulsion Formulation</h3>
 +
                    <p>Using classification algorithms to design our emulsions.</p>
 +
                </div>
 +
 +
            </div>
 +
        </div>
 +
    </a>
 +
 +
 +
    </div>
 +
 +
    <svg viewBox="0 0 10 100">
 +
        <line x1="5" x2="5" y1="0" y2="100"></line>
 +
    </svg>
 +
 +
    <!-- Row 2 -->
 +
 +
    <div class="row">
 +
        <div class="col">
 +
            <a href="">
 +
            <div class="container__sources">
 +
                <img src="img/seedStrip.png" width="50%" height="50%">
 +
                <div class="sources--cms">
 +
                    <h3>Standardized Seed grading</h3>
 +
                    <p>Color grading algorithm with hardware.</p>
 +
                </div>
 +
 +
            </div>
 +
            </a>
 +
        </div>
 +
 +
        <div class="col">
 +
            <hr style="width: 100%;
 +
    margin-top: 80%;">
 +
 +
        </div>
 +
 +
        <div class="col">
 +
            <a href="">
 +
            <div class="container__sources" style="
 +
    box-shadow: none;
 +
">
 +
 +
                <img src="img/yoilLogo.png" height="100%" width="100%" style="margin-top: 8vh;  margin-left: auto;
 +
  margin-right: auto;
 +
  display: block;">
 +
            </div>
 +
            </a>
 +
        </div>
 +
 +
        <div class="col">
 +
            <hr style="width: 100%;
 +
    margin-top: 80%;">
 +
 +
        </div>
 +
        <div class="col">
 +
            <a href="">
 +
            <div class="container__sources">
 +
                <img src="img/pheophorbide.svg" height=50% width=50%>
 +
                <div class="sources--cms">
 +
                    <h3>Chlorophyll Repurposing</h3>
 +
                    <p>Primary haversting of canola by farmers.</p>
 +
                </div>
 +
 +
            </div></a>
 +
        </div>
 +
    </div>
 +
 +
    <div class="row">
 +
        <div class="col">
 +
            <svg style="width: 200px; height: 120px;">
 +
                <line x1="0" y1="200" x2="200" y2="0" style="stroke:rgb(255,0,0);stroke-width:2"></line>
 +
            </svg>
 +
        </div>
 +
        <div class="col"><svg style="width: 200px; height: 120px;">
 +
            <line x1="100" y1="0" x2="100" y2="200" style="stroke:rgb(255,0,0);stroke-width:2"></line>
 +
        </svg></div>
 +
        <div class="col">
 +
            <svg style="width: 200px; height: 120px;">
 +
                <line x1="0" y1="0" x2="200" y2="200" style="stroke:rgb(255,0,0);stroke-width:2"></line>
 +
            </svg>
 +
        </div>
 +
 +
    </div>
 +
 +
 +
    <!-- Row 2 -->
 +
    <div class="row">
 +
        <div class="col">
 +
            <a href="">
 +
            <div class="container__sources">
 +
                <img src="img/6gix.PNG" width="50%" height="50%">
 +
                <div class="sources--cms">
 +
                    <h3>6GIX and MODGIX Model</h3>
 +
                    <p>Using in silico measurements</p>
 +
                </div>
 +
 +
            </div>
 +
            </a>
 +
        </div>
 +
 +
        <div class="col">
 +
            <hr style="width: 100%;
 +
    margin-top: 80%; opacity: 0">
 +
 +
        </div>
 +
 +
        <div class="col">
 +
            <a href="">
 +
            <div class="container__sources">
 +
                <svg viewBox="0 0 100 100">
 +
                    <circle cx="50" cy="50" r="50"></circle>
 +
                </svg>
 +
                <div class="sources--cms">
 +
                    <h3>Economic Model</h3>
 +
                    <p>Primary haversting of canola by farmers.</p>
 +
                </div>
 +
 +
            </div>
 +
            </a>
 +
        </div>
 +
 +
        <div class="col">
 +
            <hr style="width: 100%;
 +
    margin-top: 80%; opacity: 0">
 +
 +
        </div>
 +
        <div class="col">
 +
            <div class="container__sources">
 +
                <svg viewBox="0 0 100 100">
 +
                    <circle cx="50" cy="50" r="50"></circle>
 +
                </svg>
 +
                <div class="sources--cms">
 +
                    <h3>HIS tag Optimization</h3>
 +
                    <p>I don't know a subtitle for this</p>
 +
                </div>
 +
 +
            </div>
 +
        </div>
 +
    </div>
 +
</div>
 +
 +
<div class="mobile-container">
 +
    <div class="container__sources" style="
 +
    box-shadow: none;
 +
">
 +
 +
        <img src="img/yoilLogo.png" height="50%" width="50%" style="margin-top: 8vh; text-align: center;">
 +
 +
    </div>
 +
    <div class="list-group">
 +
        <a href="#" class="list-group-item list-group-item-action">
 +
            Cras justo odio
 +
        </a>
 +
        <a href="#" class="list-group-item list-group-item-action">Dapibus ac facilisis in</a>
 +
        <a href="#" class="list-group-item list-group-item-action">Morbi leo risus</a>
 +
        <a href="#" class="list-group-item list-group-item-action">Porta ac consectetur ac</a>
 +
        <a href="#" class="list-group-item list-group-item-action">Vestibulum at eros</a>
 +
    </div>
 +
 +
</div>
  
 
 
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 01:28, 14 October 2019

Page Template

Protein Emulsion Formulation

Using classification algorithms to design our emulsions.

Standardized Seed grading

Color grading algorithm with hardware.

Chlorophyll Repurposing

Primary haversting of canola by farmers.

6GIX and MODGIX Model

Using in silico measurements

Economic Model

Primary haversting of canola by farmers.

HIS tag Optimization

I don't know a subtitle for this

Cras justo odio Dapibus ac facilisis in Morbi leo risus Porta ac consectetur ac Vestibulum at eros