site/src/pages/partners.js

import React from "react"
import Layout from "../components/layout"
import { FormattedMessage, useIntl, injectIntl } from "gatsby-plugin-intl"
import "../styles/main.css"
///------------------------------------------------------
import mipt_logo from "../images/partners/mipt_logo.jpg"
import inr_linac from "../images/partners/Linac-OUK_big.gif"
import inr_logo from "../images/partners/inr_logo.png"
import jetbrains_logo from "../images/partners/jetbrains.svg"
import jbr from "../images/partners/JBR.svg"
import SEO from "../components/seo"

const PartnersPage = () => {
    const intl = useIntl()
    const lang = intl.locale
    return(
    <Layout>
    <SEO lang={lang} title={intl.formatMessage({ id: "title" })} />

    <div className="media" style={{marginTop: `30px`}}>
        <div className="media-body">
            <h1><a id="partner" href="https://mipt.ru/education/chair/physics/"><FormattedMessage id="partners.mipt.title_fund"/></a></h1>
            <p><FormattedMessage id="partners.mipt.description_fund"/></p>
            <hr/>
            <h1><a id="partner" href="https://mipt.ru/science/labs/high_energy_physics_lab.php"><FormattedMessage id="partners.mipt.title_energy"/></a></h1>
            <p><FormattedMessage id="partners.mipt.description_energy"/></p>
        </div>
        <div className="media-right media-middle">
            <a href="https://mipt.ru/education/chair/physics/"><img className="media-object" src={mipt_logo} alt="mipt logo" width="400px"/></a>
        </div>
    </div>

    <hr/>

    <div className="media">
    <div className="media-body">
        <h1><a id="partner" href="https://www.jetbrains.com/">JetBrains</a></h1>
        <p><FormattedMessage id="partners.jb.description"/></p>
    </div>
    <div className="media-right media-middle">
        <a href="https://www.jetbrains.com/"><img className="media-object" src={jetbrains_logo} alt="inr logo" width="150px" style={{marginLeft:`10px`}}/></a>
    </div>
    </div>

    <hr/>

    <div className="media">
    <div className="media-body">
        <h1><a id="partner" href="https://research.jetbrains.org/ru/groups/npm">JetBrains Research</a></h1>
        <p><FormattedMessage id="partners.jbr.description"/></p>
    </div>
    <div className="media-right media-middle">
        <a href="https://research.jetbrains.org/ru/groups/npm"><img className="media-object" src={jbr} alt="inr logo" width="250px" style={{marginLeft:`10px`}}/></a>
    </div>
    </div>

    <hr/>

    <div className="media">
    <div className="media-body">
        <h2 className="media-heading"><FormattedMessage id="partners.ras.title_exp"/></h2>
        <p><FormattedMessage id="partners.ras.description_exp"/></p>
    </div>
    </div>

    <hr/>

    <div className="media" >
    <div className="media-left media-middle">
        <a href="http://www.inr.ru"><img className="media-object" src={inr_linac} alt="inr logo" width="100px"/></a>
    </div>
    <div className="media-body" style={{marginLeft: `25px`}}>
        <h1><a id="partner" href="http://www.inr.ru/"><FormattedMessage id="partners.ras.title_beam"/></a></h1>
        <p><FormattedMessage id="partners.ras.description_beam"/></p>
    </div>
    </div> 

    <hr/>

    <div className="media">
    <div className="media-body">
        <h1><a id="partner" href="http://www.inr.ru/"><FormattedMessage id="partners.ras.title_education"/></a></h1>
        <p><FormattedMessage id="partners.ras.description_education"/></p>
    </div>
    <div className="media-right media-middle">
        <a href="http://www.inr.ru"><img className="media-object" src={inr_logo} alt="inr logo" width="100px" style={{marginLeft:`10px`}}/></a>
    </div>
    </div>

    <hr/>

    {/* <div className="media" style={{fontSize: `20px`}}>
    <div className="media-left media-middle">
        <a href="#"><img className="media-object" src={mtl_logo} width="100px"/></a>
    </div>
    <div className="media-body">
        <h1><a href="http://www.mtl.ru/">МТЛ. Медицинские технологии</a></h1>
        В рамках сотрудничества с МТЛ проводится научная, инженерная и научно-образовательная работа на базе МФТИ.
    </div>
    </div> */}

    <div className="media" style={{marginBottom: `30px`}}>
    <div className="media-body">
        <h1><a id="partner" href="http://www.iki.rssi.ru/"><FormattedMessage id="partners.ras.title_iki"/></a></h1>
        <p><FormattedMessage id="partners.ras.description_iki"/></p>
    </div>
    <div className="media-right media-middle">
        <a href="http://www.iki.rssi.ru"><img className="media-object" src="http://www.iki.rssi.ru/img/iki.png" alt="iki logo" width="100px"/></a>
    </div>
    </div>

    </Layout>
)}

export default injectIntl(PartnersPage)