API tools faq
paste
deyanivanov966

Landing Page Task 101

deyanivanov966
Nov 10th, 2021
156
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 51.40 KB | None | 0 0
raw download clone embed print report
  1.  
  2. <!DOCTYPE html>
  3. <html lang="en">
  4. <head>
  5.   <meta charset="UTF-8" />
  6.   <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  7.   <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  8.   <meta name="description" content="LandingTaskDeyan" />
  9.   <meta name="author" content="Deyan Ivanov" />
  10.   <meta name="keywords" content="Landing, Task, Deyan" />
  11.   <link
  12.          href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css"
  13.          rel="stylesheet"
  14.  />
  15.   <link
  16.          href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@1,300&display=swap"
  17.          rel="stylesheet"
  18.  />
  19.   <link
  20.          href="https://fonts.googleapis.com/css2?family=Montserrat:wght@800&display=swap"
  21.          rel="stylesheet"
  22.  />
  23.   <link rel="stylesheet" href="styles.css" />
  24.   <link rel="stylesheet" href="menu.css" />
  25.   <link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet" />
  26.  
  27.   <title>Landing Task</title>
  28. </head>
  29. <body>
  30. <header id="main-header">
  31.   <div class="container">
  32.     <div class="row align-items-center">
  33.       <div class="col-3 col-sm-4 col-md-4 col-xl-4 logo-div">
  34.         <a href="LandingTaskDeyan.html" class="logo"
  35.        ><img
  36.                src="./logo/logoLandingPage.svg"
  37.                alt="No image found"
  38.                class="logo"
  39.        /></a>
  40.       </div>
  41.       <div
  42.              class="d-none d-lg-flex col-3 col-sm-4 col-md-4 col-xl-4 links-div"
  43.      >
  44.         <nav class="main-menu d-none d-md-block">
  45.           <ul>
  46.             <li>
  47.               <a href="LandingTaskDeyan.html" class="nav-link" style="font-size: 20px"
  48.              >The mission</a
  49.              >
  50.             </li>
  51.             <li>
  52.               <a>|</a>
  53.             </li>
  54.             <li>
  55.               <a href="LandingTaskDeyan.html" class="nav-link" style="font-size: 20px"
  56.              >Who we are</a
  57.              >
  58.             </li>
  59.             <li>
  60.               <a>|</a>
  61.             </li>
  62.             <li>
  63.               <a href="LandingTaskDeyan.html" class="nav-link" style="font-size: 20px"
  64.              >Partnering</a
  65.              >
  66.             </li>
  67.           </ul>
  68.         </nav>
  69.       </div>
  70.       <div
  71.              class="d-none d-lg-flex col-3 col-sm-4 col-md-4 col-xl-4 btn-menu"
  72.      >
  73.         <input
  74.                type="button"
  75.                value="Product"
  76.                class="product-btn"
  77.                style="font-size: 20px"
  78.        />
  79.         <input
  80.                type="button"
  81.                value="R&d"
  82.                class="product-btn"
  83.                style="font-size: 20px"
  84.        />
  85.       </div>
  86.       <div
  87.              class="d-none d-lg-flex col-3 col-sm-4 col-md-4 col-xl-4 links-div"
  88.      >
  89.         <img src="fr-flag.png" alt="Fr flag">
  90.         <img src="gb-flag.png" alt="Gb flag">
  91.         <img src="it-flag.png" alt="It flag">
  92.         <img src="sp-flag.png" alt="Sp flag">
  93.         <img src="sw-flag.png" alt="Sw flag">
  94.       </div>
  95.     </div>
  96.   </div>
  97.   <div class="menu-wrap">
  98.     <input type="checkbox" class="toggler" />
  99.     <div class="hamburger d-xl-none d-lg-none"><div></div></div>
  100.     <div class="menu">
  101.       <div>
  102.         <div>
  103.           <ul>
  104.             <li>
  105.               <a href="LandingTaskDeyan.html" class="nav-link" style="font-size: 20px"
  106.              >The Mission</a
  107.              >
  108.             </li>
  109.             <li>
  110.               <a href="LandingTaskDeyan.html" class="nav-link" style="font-size: 20px"
  111.              >Who we are</a
  112.              >
  113.             </li>
  114.             <li>
  115.               <a href="LandingTaskDeyan.html" class="nav-link" style="font-size: 20px"
  116.              >Partnering</a
  117.              >
  118.             </li>
  119.             <li>
  120.               <a href="LandingTaskDeyan.html" class="nav-link" style="font-size: 20px"
  121.              >Product</a
  122.              >
  123.             </li>
  124.             <li>
  125.               <a href="LandingTaskDeyan.html" class="nav-link" style="font-size: 20px"
  126.              >R&D</a
  127.              >
  128.            </li>
  129.          </ul>
  130.        </div>
  131.      </div>
  132.    </div>
  133.  </div>
  134. </header>
  135. <section
  136.        class="hero-about section-overflow-hidden"
  137.        style="background-image: url(./images/background-img.jpeg)"
  138. >
  139.  <div class="top-hero">
  140.    <div class="container">
  141.      <div class="row">
  142.        <div class="col-12">
  143.          <div class="header-about">
  144.            <h1 class="hero-main-title position-relative">
  145.              WE ARE <span> IDEOGEN </span>
  146.            </h1>
  147.          </div>
  148.        </div>
  149.      </div>
  150.    </div>
  151.  </div>
  152.  
  153.  <div class="bottom-hero">
  154.    <div class="container pharma-container">
  155.      <h3 class="pharma-paragraph">
  156.        Pharma at the <span class="blue-spans">Speed</span> of
  157.        <span class="blue-spans">Life</span>
  158.      </h3>
  159.      <div class="row text-row">
  160.        <div class="col-md-5">
  161.          <div>
  162.            <p class="text-sm-left text-center bold-text">
  163.              IDEOGEN Group is a family owned Swiss pharmaceutical group,
  164.              providing global access to specialty medicines for unmet
  165.              medical needs.
  166.            </p>
  167.          </div>
  168.        </div>
  169.        <div class="col-md-7">
  170.          <div class="">
  171.            <div class="small-text">
  172.              We specialize in the commercialization of specialty medicines
  173.              in Europe with challenging and evolving healthcare dynamics.
  174.              With the operational infrastructure and know-how to handle
  175.              activities from un-licensed through licensed medicines; we
  176.               focus on contributing to unmet needs by offering healthcare
  177.               providers access to unique treatment alternatives for medical
  178.               challenges patients face today.
  179.               <br /><br />
  180.               Since 2013 we have modelled our groups activities around
  181.               underserved treatment options. Solving challenging problems
  182.               that have an impact on patients and prescribers’ matter to us.
  183.               <br /><br />
  184.               We approach our partnerships with transparency, loyalty and a
  185.               sense of resolve. We believe in nurturing the awareness around
  186.               innovative therapies, as they meet real needs of society
  187.               today.
  188.             </div>
  189.           </div>
  190.         </div>
  191.       </div>
  192.     </div>
  193.   </div>
  194.   <div class="objects">
  195.     <div class="flying-objects">
  196.       <img
  197.              src="./parts/Vector3.png"
  198.              id="left-shape1"
  199.              alt="No images found"
  200.      />
  201.       <img
  202.              src="./parts/Vector1.png"
  203.              id="left-shape2"
  204.              alt="No images found"
  205.      />
  206.       <img
  207.              src="./parts/Vector2.png"
  208.              id="left-shape3"
  209.              alt="No images found"
  210.      />
  211.     </div>
  212.   </div>
  213.   <div class="objects-right">
  214.     <div class="flying-objects-right">
  215.       <img
  216.              src="./parts/Vector4.png"
  217.              id="right-shape1"
  218.              alt="No images found"
  219.      />
  220.       <img
  221.              src="./parts/Vector5.png"
  222.              id="right-shape2"
  223.              alt="No images found"
  224.      />
  225.       <img
  226.              src="./parts/Vector6.png"
  227.              id="right-shape3"
  228.              alt="No images found"
  229.      />
  230.     </div>
  231.   </div>
  232. </section>
  233. <section class="statistics section-overflow-hidden">
  234.   <div class="statistics-heading">
  235.     <div class="container-fluid">
  236.       <div class="row row-padding">
  237.         <div class="margin-top"></div>
  238.         <div class="statistic-title">
  239.           <h3 class="span-headings">
  240.             <span class="statistic-span">Capabilities</span> & Focus
  241.          </h3>
  242.        </div>
  243.      </div>
  244.    </div>
  245.    <div class="spacing"></div>
  246.    <div class="statistics-info">
  247.      <div class="container-fluid">
  248.        <div class="row">
  249.          <div class="d-flex col-lg-6 col-xl-4">
  250.            <div class="statistics-numbers pt-md-0">
  251.              <div class="statistic mx-1">
  252.                <h2
  253.                        class="
  254.                        statistic-heading
  255.                        d-flex
  256.                        justify-content-center
  257.                        mb-0
  258.                      "
  259.                >
  260.                  12
  261.                </h2>
  262.                <p class="statistic-text d-flex justify-content-center">
  263.                  Orphan <br />Indications
  264.                </p>
  265.              </div>
  266.              <div class="w-100"></div>
  267.              <div class="statistic mx-1">
  268.                <h2
  269.                        class="
  270.                        statistic-heading
  271.                        d-flex
  272.                        justify-content-center
  273.                        mb-0
  274.                      "
  275.                >
  276.                  20+
  277.                </h2>
  278.                <p class="statistic-text d-flex justify-content-center">
  279.                  Name Patient <br />Programs
  280.                </p>
  281.              </div>
  282.              <div class="statistic mx-1">
  283.                <h2
  284.                        class="
  285.                        statistic-heading
  286.                        d-flex
  287.                        justify-content-center
  288.                        mb-0
  289.                      "
  290.                >
  291.                  8+
  292.                </h2>
  293.                <p class="statistic-text d-flex justify-content-center">
  294.                  Rare Disease <br />Pipeline
  295.                </p>
  296.              </div>
  297.              <div class="statistic-background">
  298.                <img
  299.                        src="./parts/doc-background-photo1.png"
  300.                        alt="No image found"
  301.                        class="statistics-bg"
  302.                />
  303.                <svg
  304.                        width="477"
  305.                        height="420"
  306.                        viewBox="0 0 477 420"
  307.                        fill="none"
  308.                        xmlns="http://www.w3.org/2000/svg"
  309.                        class="statistics-bg-color"
  310.                >
  311.                  <path
  312.                          opacity="0.67"
  313.                          d="M178.982 377.391C100.832 353.578 20.8644 339.436 4.48863 296.72C-12.2135 254.193 34.0238 183.47 69.5042 132.573C104.658 81.8637 129.055 50.9809 161.431 28.6463C194.329 6.46335 235.075 -6.64256 269.772 3.71009C304.795 13.8742 333.441 47.6854 374.248 91.2583C414.532 134.68 466.78 187.522 475.079 251.692C483.377 315.861 447.597 391.886 391.117 413.174C334.637 434.463 257.457 401.016 178.982 377.391Z"
  314.                          fill="#EA4728"
  315.                  />
  316.                </svg>
  317.              </div>
  318.            </div>
  319.          </div>
  320.          <div class="d-flex col-lg-6 col-xl-4">
  321.            <div class="spacing"></div>
  322.            <div class="statistics-numbers pt-5 pt-md-0">
  323.              <div class="statistic mx-1">
  324.                <h2
  325.                        class="
  326.                        statistic-heading
  327.                        d-flex
  328.                        justify-content-center
  329.                        mb-0
  330.                      "
  331.                >
  332.                  3
  333.                </h2>
  334.                <p class="statistic-text d-flex justify-content-center">
  335.                  Supportive <br />Care
  336.                </p>
  337.              </div>
  338.              <div class="w-100"></div>
  339.  
  340.              <div class="statistic mx-1">
  341.                <h2
  342.                        class="
  343.                        statistic-heading
  344.                        d-flex
  345.                        justify-content-center
  346.                        mb-0
  347.                      "
  348.                >
  349.                  4
  350.                </h2>
  351.                <p class="statistic-text d-flex justify-content-center">
  352.                  FSMP <br />Products
  353.                </p>
  354.              </div>
  355.  
  356.              <div class="statistic mx-1">
  357.                <h2
  358.                        class="
  359.                        statistic-heading
  360.                        d-flex
  361.                        justify-content-center
  362.                        mb-0
  363.                      "
  364.                >
  365.                  80+
  366.                </h2>
  367.                <p class="statistic-text d-flex justify-content-center">
  368.                  Cosmeceutica <br />Products
  369.                </p>
  370.              </div>
  371.              <div class="statistic-background">
  372.                <img
  373.                        src="./parts/doc-background-photo2.png"
  374.                        alt="No image found"
  375.                        class="statistics-bg"
  376.                />
  377.                <svg
  378.                        width="477"
  379.                        height="420"
  380.                        viewBox="0 0 477 420"
  381.                        fill="none"
  382.                        xmlns="http://www.w3.org/2000/svg"
  383.                        class="statistics-bg-color"
  384.                >
  385.                  <path
  386.                          opacity="0.67"
  387.                          d="M178.982 377.391C100.832 353.578 20.8644 339.436 4.48863 296.72C-12.2135 254.193 34.0238 183.47 69.5042 132.573C104.658 81.8637 129.055 50.9809 161.431 28.6463C194.329 6.46335 235.075 -6.64256 269.772 3.71009C304.795 13.8742 333.441 47.6854 374.248 91.2583C414.532 134.68 466.78 187.522 475.079 251.692C483.377 315.861 447.597 391.886 391.117 413.174C334.637 434.463 257.457 401.016 178.982 377.391Z"
  388.                          fill="#942C8E"
  389.                  />
  390.                </svg>
  391.              </div>
  392.            </div>
  393.          </div>
  394.          <div class="d-flex col-lg-12 col-xl-4">
  395.            <div class="spacing"></div>
  396.            <div class="statistics-numbers pt-md-0">
  397.              <div class="statistic mx-1">
  398.                <h2
  399.                        class="
  400.                        statistic-heading
  401.                        d-flex
  402.                        justify-content-center
  403.                        mb-0
  404.                      "
  405.                >
  406.                  100+
  407.                </h2>
  408.                <p class="statistic-text d-flex justify-content-center">
  409.                  SKUs <br />
  410.                  <br />
  411.                </p>
  412.              </div>
  413.              <div class="w-100"></div>
  414.  
  415.              <div class="statistic mx-1">
  416.                <h2
  417.                        class="
  418.                        statistic-heading
  419.                        d-flex
  420.                        justify-content-center
  421.                        mb-0
  422.                      "
  423.                >
  424.                  20+
  425.                </h2>
  426.                <p class="statistic-text d-flex justify-content-center">
  427.                  Original <br />Brands
  428.                </p>
  429.              </div>
  430.  
  431.              <div class="statistic mx-1">
  432.                <h2
  433.                        class="
  434.                        statistic-heading
  435.                        d-flex
  436.                        justify-content-center
  437.                        mb-0
  438.                      "
  439.                >
  440.                  30+
  441.                </h2>
  442.                <p class="statistic-text d-flex justify-content-center">
  443.                  Complex <br />Generic
  444.                </p>
  445.              </div>
  446.              <div class="statistic-background">
  447.                <img
  448.                        src="./parts/doc-background-photo3.png"
  449.                        alt="No image found"
  450.                        class="statistics-bg"
  451.                />
  452.                <svg
  453.                        width="477"
  454.                        height="420"
  455.                        viewBox="0 0 477 420"
  456.                        fill="none"
  457.                        xmlns="http://www.w3.org/2000/svg"
  458.                        class="statistics-bg-color"
  459.                >
  460.                  <path
  461.                          opacity="0.67"
  462.                          d="M178.982 377.391C100.832 353.578 20.8644 339.436 4.48863 296.72C-12.2135 254.193 34.0238 183.47 69.5042 132.573C104.658 81.8637 129.055 50.9809 161.431 28.6463C194.329 6.46335 235.075 -6.64256 269.772 3.71009C304.795 13.8742 333.441 47.6854 374.248 91.2583C414.532 134.68 466.78 187.522 475.079 251.692C483.377 315.861 447.597 391.886 391.117 413.174C334.637 434.463 257.457 401.016 178.982 377.391Z"
  463.                          fill="#1846BF"
  464.                  />
  465.                </svg>
  466.              </div>
  467.            </div>
  468.          </div>
  469.        </div>
  470.      </div>
  471.    </div>
  472.  </div>
  473. </section>
  474. <div class="margin-top"></div>
  475. <section class="company-history-section section-overflow-hidden">
  476.  <!-- <div class="d-sm-none d-md-block left-side-title">
  477.    <h3 class="side-title">COMPANY HISTORY</h3>
  478.  </div>
  479.  <div class="d-sm-none d-md-block right-side-title">
  480.    <h3 class="side-title">COMPANY HISTORY</h3>
  481.  </div> -->
  482.  <div class="history-heading">
  483.    <div class="container-fluid">
  484.      <div class="row row-padding">
  485.        <div class="spacing"></div>
  486.        <h3 class="span-headings-history">
  487.          <span class="history-span">Company</span> History
  488.        </h3>
  489.      </div>
  490.    </div>
  491.    <div class="spacing"></div>
  492.    <div class="container-fluid">
  493.      <div class="history mt-5 position-relative">
  494.        <div
  495.                class="history-row"
  496.                data-aos="fade-up"
  497.                data-aos-duration="1000"
  498.        >
  499.          <div class="history-date">
  500.            <div class="month">March</div>
  501.            <div class="year">2013</div>
  502.          </div>
  503.          <div class="history-text">
  504.            IDEOGEN A.G. was founded in Basel by Tuygan Goeker with the
  505.            mission to incubate pharma investments and research &
  506.            development.
  507.          </div>
  508.        </div>
  509.      </div>
  510.    </div>
  511.    <div class="container-fluid">
  512.      <div class="history mt-5 position-relative">
  513.        <div
  514.                class="history-row-right"
  515.                data-aos="fade-up"
  516.                data-aos-duration="1000"
  517.        >
  518.          <div class="history-date-right">
  519.            <div class="month-right">June</div>
  520.            <div class="year-right">2013</div>
  521.          </div>
  522.          <div class="history-text-right">
  523.            TRPharm Affiliate launched to target commercialisation,
  524.            manufacturing and R&D of specialty therapies in MENA(T) Region.
  525.          </div>
  526.        </div>
  527.      </div>
  528.    </div>
  529.    <div class="container-fluid">
  530.      <div class="history mt-5 position-relative">
  531.        <div
  532.                class="history-row"
  533.                data-aos="fade-up"
  534.                data-aos-duration="1000"
  535.        >
  536.          <div class="history-date">
  537.            <div class="month">May</div>
  538.            <div class="year">2014</div>
  539.          </div>
  540.          <div class="history-text">
  541.            IDEOGEN Invest into Novimmune and CEO Tuygan Goker becomes board
  542.            member.
  543.          </div>
  544.        </div>
  545.      </div>
  546.    </div>
  547.    <div class="container-fluid">
  548.      <div class="history mt-5 position-relative">
  549.        <div
  550.                class="history-row-right"
  551.                data-aos="fade-up"
  552.                data-aos-duration="1000"
  553.        >
  554.          <div class="history-date-right">
  555.            <div class="month-right">June</div>
  556.            <div class="year-right">2014</div>
  557.          </div>
  558.          <div class="history-text-right">
  559.            Konsina Biopharmaceuticals launched under joint venture with
  560.            Emcure Group to commercialise injectable oncology, hematology
  561.            and infectious disease therapies in Eastern Europe.
  562.          </div>
  563.        </div>
  564.      </div>
  565.    </div>
  566.    <div class="container-fluid">
  567.      <div class="history mt-5 position-relative">
  568.        <div
  569.                class="history-row"
  570.                data-aos="fade-up"
  571.                data-aos-duration="1000"
  572.        >
  573.          <div class="history-date">
  574.            <div class="month">June</div>
  575.            <div class="year">2016</div>
  576.          </div>
  577.          <div class="history-text">
  578.            IDEOGEN affiliate breaks ground on biologics manufacturing
  579.            facility in Istanbul, Turkey as manufacturing hub for Middle
  580.            East, North Africa and Turkey.
  581.          </div>
  582.        </div>
  583.      </div>
  584.    </div>
  585.    <div class="container-fluid">
  586.      <div class="history mt-5 position-relative">
  587.        <div
  588.                class="history-row-right"
  589.                data-aos="fade-up"
  590.                data-aos-duration="1000"
  591.        >
  592.          <div class="history-date-right">
  593.            <div class="month-right">September</div>
  594.            <div class="year-right">2017</div>
  595.          </div>
  596.          <div class="history-text-right">
  597.            IDEOGEN affiliate successfully completes First-in-Human Phase 1
  598.            Clinical Study for a Novel-Anti-Interleukin 1 Biologic Agent.
  599.          </div>
  600.        </div>
  601.      </div>
  602.    </div>
  603.    <div class="container-fluid">
  604.      <div class="history mt-5 position-relative">
  605.        <div
  606.                class="history-row"
  607.                data-aos="fade-up"
  608.                data-aos-duration="1000"
  609.        >
  610.          <div class="history-date">
  611.            <div class="month">December</div>
  612.            <div class="year">2017</div>
  613.          </div>
  614.          <div class="history-text">
  615.            IDEOGEN acquires remaining shares of Konsina Group from Emcure
  616.            to further expand operations in Eastern Europe and MENA.
  617.          </div>
  618.        </div>
  619.      </div>
  620.    </div>
  621.    <div class="container-fluid">
  622.      <div class="history mt-5 position-relative">
  623.        <div
  624.                class="history-row-right"
  625.                data-aos="fade-up"
  626.                data-aos-duration="1000"
  627.        >
  628.          <div class="history-date-right">
  629.            <div class="month-right">March</div>
  630.            <div class="year-right">2018</div>
  631.          </div>
  632.          <div class="history-text-right">
  633.            IDEOGEN opens Ideogen LABS in Spain and Netherlands to expand
  634.            R&D and operational capabilities in the EU.
  635.          </div>
  636.        </div>
  637.      </div>
  638.    </div>
  639.    <div class="container-fluid">
  640.      <div class="history mt-5 position-relative">
  641.        <div
  642.                class="history-row"
  643.                data-aos="fade-up"
  644.                data-aos-duration="1000"
  645.        >
  646.          <div class="history-date">
  647.            <div class="month">August</div>
  648.            <div class="year">2019</div>
  649.          </div>
  650.          <div class="history-text">
  651.            IDEOGEN A.G. initiates research program at ETH to identify
  652.            multiple first-in-kind novel biomarkers for unmet medical needs
  653.            related to brain diseases.
  654.          </div>
  655.        </div>
  656.      </div>
  657.    </div>
  658.    <div class="container-fluid">
  659.      <div class="history mt-5 position-relative">
  660.        <div
  661.                class="history-row-right"
  662.                data-aos="fade-up"
  663.                data-aos-duration="1000"
  664.        >
  665.          <div class="history-date-right">
  666.            <div class="month-right">January</div>
  667.            <div class="year-right">2020</div>
  668.          </div>
  669.          <div class="history-text-right">
  670.            IDEOGEN opens subsidiary in Austria for the launch of specialty
  671.            therapies.
  672.          </div>
  673.        </div>
  674.      </div>
  675.    </div>
  676.    <div class="container-fluid">
  677.      <div class="history mt-5 position-relative">
  678.        <div
  679.                class="history-row"
  680.                data-aos="fade-up"
  681.                data-aos-duration="1000"
  682.        >
  683.          <div class="history-date">
  684.            <div class="month">January</div>
  685.            <div class="year">2021</div>
  686.          </div>
  687.          <div class="history-text">
  688.            IDEOGEN Group GmBH incorporated as headquarters for
  689.            consolidation of international subsidiaries and affiliates in
  690.            Switzerland.
  691.          </div>
  692.        </div>
  693.      </div>
  694.    </div>
  695.    <div class="container-fluid">
  696.      <div class="history mt-5 position-relative">
  697.        <div
  698.                class="history-row-right"
  699.                data-aos="fade-up"
  700.                data-aos-duration="1000"
  701.        >
  702.          <div class="history-date-right">
  703.            <div class="month-right">September</div>
  704.            <div class="year-right">2021</div>
  705.          </div>
  706.          <div class="history-text-right">
  707.            IDEOGEN Group consolidates all companies under its Ideogen Group
  708.            GmBH HQ in Switzerland.
  709.          </div>
  710.        </div>
  711.      </div>
  712.    </div>
  713.    <div class="bottom-curve">
  714.      <svg
  715.              width="100%"
  716.              height="100%"
  717.              viewBox="0 0 1920 137"
  718.              version="1.1"
  719.              xmlns="http://www.w3.org/2000/svg"
  720.              xmlns:xlink="http://www.w3.org/1999/xlink"
  721.              xml:space="preserve"
  722.              xmlns:serif="http://www.serif.com/"
  723.              style="
  724.              fill-rule: evenodd;
  725.               clip-rule: evenodd;
  726.               stroke-linejoin: round;
  727.               stroke-miterlimit: 2;
  728.             "
  729.       >
  730.             <g transform="matrix(1,0,0,1,0.00720126,-0.00112024)">
  731.               <g transform="matrix(1,0,0,1,-3511,-1347.35)">
  732.                 <g transform="matrix(1.00073,0,0,1,642.704,153.039)">
  733.                   <g>
  734.                     <path
  735.                            fill="#f3f3f3"
  736.                            d="M4784.79,1331.34L2866.19,1331.34L2866.19,1220.8C2879.99,1217.02 3013.09,1183.46 3336.61,1197.9C3679.18,1213.19 4148.22,1283.76 4423.88,1308.72C4741.84,1337.51 4781.63,1306.83 4784.79,1303.72L4784.79,1331.34Z"
  737.                    ></path>
  738.                   </g>
  739.                 </g>
  740.               </g>
  741.             </g>
  742.           </svg>
  743.     </div>
  744.   </div>
  745. </section>
  746. <section class="about-section section-overflow-hidden">
  747.   <div class="container-fluid about-ideogen-container">
  748.     <div class="row row-padding">
  749.       <h3 class="span-headings-about">
  750.         <span class="about-span">About</span> Ideogen
  751.       </h3>
  752.     </div>
  753.     <div class="container container-card">
  754.       <div
  755.              class="
  756.              row row-padding
  757.              justify-content-center
  758.              mt-md-5
  759.              pl-md-5
  760.              dots-row
  761.            "
  762.      >
  763.         <img
  764.                src="./parts/dots.png"
  765.                alt="No image found"
  766.                class="dots-left"
  767.        />
  768.         <img
  769.                src="./parts/dots.png"
  770.                alt="No image found"
  771.                class="dots-right"
  772.        />
  773.         <div class="col-12 col-md-10 col-lg-10 my-5">
  774.           <div
  775.                  class="
  776.                  card card-horizontal card-main
  777.                  border-r
  778.                  overflow-hidden
  779.                  position-relative
  780.                "
  781.          >
  782.             <div class="row w-0 h-0">
  783.               <div class="col-12 col-md-5">
  784.                 <div class="card-img position-relative mb-5 mt-3">
  785.                   <img
  786.                          src="./parts/avatar.png"
  787.                          class="img-fluid member-photo photo-size"
  788.                          alt="No image found"
  789.                  />
  790.                   <img
  791.                          src="./parts/vector-avatar.png"
  792.                          class="vector-avatar1 flying-object-avatar1"
  793.                          alt="No image found"
  794.                  />
  795.                   <img
  796.                          src="./parts/vector-avatar-2.png"
  797.                          class="vector-avatar2 flying-object-avatar2"
  798.                          alt="No image found"
  799.                  />
  800.                 </div>
  801.               </div>
  802.               <div class="col-12 col-md-7">
  803.                 <div
  804.                        class="card-body card-horizontal-body align-text p-0 mt-5"
  805.                >
  806.                   <p class="mb-0 member-position text-uppercase">
  807.                     GROUP CEO & CHAIRMAN
  808.                  </p>
  809.                  <h5 class="card-title member-name">H. Tuygan GÖKER</h5>
  810.                  <div class="small-text">
  811.                    At IDEOGEN AG, we apply our strategic global thinkers to
  812.                    nurture investments and provide advisory services, that
  813.                    deliver solutions, ulock value and proper growth
  814.                  </div>
  815.                  <div class="card-sign d-flex justify-content-end">
  816.                    <img
  817.                            src="http://ideogen.unbelievable.digital/assets/images/signature.svg"
  818.                            alt="No image found"
  819.                    />
  820.                  </div>
  821.                </div>
  822.              </div>
  823.            </div>
  824.          </div>
  825.        </div>
  826.      </div>
  827.      <div class="row second-card-row">
  828.        <img
  829.                src="./parts/dots.png"
  830.                alt="No image found"
  831.                class="dots-center"
  832.        />
  833.        <div class="col-12 col-md-6 mt-3 group-cfo">
  834.          <div
  835.                  class="
  836.                  card card-horizontal
  837.                  border-r
  838.                  overflow-hidden
  839.                  position-relative
  840.                "
  841.          >
  842.            <div class="row row-cfo">
  843.              <img
  844.                      src="./parts/statistics-color.png"
  845.                      alt="No image found"
  846.                      class="vector-image"
  847.              />
  848.              <img
  849.                      src="./parts/statistics-color2.png"
  850.                      alt="No image found"
  851.                      class="vector-image-2"
  852.              />
  853.              <div
  854.                      class="col-12 col-sm-3 col-lg-6 col-xl-5 position-relative"
  855.              >
  856.                <div class="card-img mt-lg-3">
  857.                  <img
  858.                          src="./parts/avatar.png"
  859.                          alt="No image found"
  860.                          class="img-fluid member-photo photo-size"
  861.                  />
  862.                </div>
  863.              </div>
  864.              <div class="col-12 col-sm-8 col-lg-6 col-xl-7">
  865.                <div class="card-body card-horizontal-body p-0">
  866.                  <p class="mb-3 mb-lg-0 member-position text-uppercase">
  867.                    Group CFO
  868.                  </p>
  869.                  <h5 class="card-title member-name">Mehmet Cem Goker</h5>
  870.                  <div class="small-text">
  871.                    At IDEOGEN AG, we apply our strategic global thinkers to
  872.                    nurture investments and provide advisory services, that
  873.                    deliver solutions, unlock value and proper growth.
  874.                    <br /><br />
  875.                  </div>
  876.                  <img
  877.                          src="./parts/linkedin.svg"
  878.                          alt="No image found"
  879.                          class="img-fluid card-icon"
  880.                  />
  881.                  <div class="spacing"></div>
  882.                </div>
  883.              </div>
  884.            </div>
  885.          </div>
  886.        </div>
  887.  
  888.        <div class="col-12 col-md-6 mt-3 group-cfo">
  889.          <div
  890.                  class="
  891.                  card card-horizontal
  892.                  border-r
  893.                  overflow-hidden
  894.                  position-relative
  895.                "
  896.          >
  897.            <div class="row row-cfo">
  898.              <img
  899.                      src="./parts/statistics-color.png"
  900.                      alt="No image found"
  901.                      class="vector-image"
  902.              />
  903.              <img
  904.                      src="./parts/statistics-color2.png"
  905.                      alt="No image found"
  906.                      class="vector-image-2"
  907.              />
  908.              <div
  909.                      class="col-12 col-sm-3 col-lg-6 col-xl-5 position-relative"
  910.              >
  911.                <div class="card-img mt-lg-3">
  912.                  <img
  913.                          src="./parts/avatar.png"
  914.                          alt="No image found"
  915.                          class="img-fluid member-photo photo-size"
  916.                  />
  917.                </div>
  918.              </div>
  919.              <div class="col-12 col-sm-8 col-lg-6 col-xl-7">
  920.                <div class="card-body card-horizontal-body p-0">
  921.                  <p class="mb-3 mb-lg-0 member-position text-uppercase">
  922.                    Group CFO
  923.                  </p>
  924.                  <h5 class="card-title member-name">Mehmet Cem Goker</h5>
  925.                  <div class="small-text">
  926.                    At IDEOGEN AG, we apply our strategic global thinkers to
  927.                    nurture investments and provide advisory services, that
  928.                    deliver solutions, unlock value and proper growth.
  929.                    <br /><br />
  930.                  </div>
  931.                  <img
  932.                          src="./parts/linkedin.svg"
  933.                          alt="No image found"
  934.                          class="img-fluid card-icon"
  935.                  />
  936.                  <div class="spacing"></div>
  937.                </div>
  938.              </div>
  939.            </div>
  940.          </div>
  941.        </div>
  942.        <div class="spacing"></div>
  943.      </div>
  944.    </div>
  945.  </div>
  946. </section>
  947. <section class="video-section">
  948.  <div class="container-fluid" style="background-color: #f26f52">
  949.    <div class="row row-padding">
  950.      <div class="spacing"></div>
  951.      <h3 class="span-headings-history">
  952.        <span class="video-span">Ideo</span> Philosophy
  953.      </h3>
  954.      <div class="spacing"></div>
  955.      <div class="video-container">
  956.        <img
  957.                src="./parts/vector-video.png"
  958.                alt="No image found"
  959.                class="vector-video"
  960.        />
  961.  
  962.        <img
  963.                src="./parts/vector-video-2.png"
  964.                alt="No image found"
  965.                class="vector-video-2"
  966.        />
  967.        <iframe width="560" height="315"
  968.                src="https://www.youtube-nocookie.com/embed/uSYc4q4lUIE"
  969.                title="YouTube video player" frameborder="0"
  970.                allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
  971.                 allowfullscreen>
  972.  
  973.         </iframe>
  974.       </div>
  975.     </div>
  976.   </div>
  977. </section>
  978. <section
  979.        class="help-section section-overflow-hidden"
  980.        id="dna-main-gen"
  981.        style="background-color: #f3f3f3"
  982. >
  983.   <div class="container-fluid">
  984.     <div class="row row-padding">
  985.       <div class="spacing"></div>
  986.       <h3 class="span-headings-about">
  987.         <span class="about-span">How</span> We Can Help?
  988.       </h3>
  989.     </div>
  990.     <div class="dna-content" id="dna-main">
  991.       <div class="pt-5 dna-row">
  992.         <div class="dna-col dna-col-text dna-col-left">
  993.           <div
  994.                  class="animated-side-block position-relative"
  995.                  data-aos="fade-up"
  996.                  data-aos-duration="1000"
  997.          >
  998.             <h3 class="secondary-title">Biotech & Pharmacuetical</h3>
  999.            <div class="text-learn">
  1000.              <div class="small-text">
  1001.                Ideogen Group companies are proudly accredited in managing
  1002.                the full lifecycle of medicines across continental Europe
  1003.                for medicines in pre and post commercialization stages.
  1004.              </div>
  1005.            </div>
  1006.          </div>
  1007.          <div class="text-end-left">
  1008.            <div
  1009.                    class="animated-side-block position-relative"
  1010.                    data-aos="fade-up"
  1011.                    data-aos-duration="1000"
  1012.            >
  1013.              <h3 class="secondary-title">Physicians</h3>
  1014.              <div class="text-learn">
  1015.                <div class="small-text">
  1016.                  Ideogen Group companies are proudly accredited in managing
  1017.                  the full lifecycle of medicines across continental Europe
  1018.                  for medicines in pre and post commercialization stages.
  1019.                </div>
  1020.              </div>
  1021.            </div>
  1022.          </div>
  1023.        </div>
  1024.        <div class="dna-col dna-col-image" id="dna-image">
  1025.          <img
  1026.                  src="./parts/dna-1.png"
  1027.                  alt="No image found"
  1028.                  id="dna-image-loc"
  1029.          />
  1030.        </div>
  1031.        <div class="dna-col dna-col-text dna-col-right">
  1032.          <div
  1033.                  class="animated-side-block position-relative"
  1034.                  data-aos="fade-up"
  1035.                  data-aos-duration="1000"
  1036.          >
  1037.            <h3 class="secondary-title">Patient Advocacy</h3>
  1038.            <div class="text-learn">
  1039.              <div class="small-text">
  1040.                Ideogen Group companies are proudly accredited in managing
  1041.                the full lifecycle of medicines across continental Europe
  1042.                for medicines in pre and post commercialization stages.
  1043.              </div>
  1044.            </div>
  1045.          </div>
  1046.        </div>
  1047.      </div>
  1048.    </div>
  1049.  </div>
  1050.  <div class="bottom-curve">
  1051.    <svg
  1052.            width="100%"
  1053.            height="100%"
  1054.            viewBox="0 0 1920 137"
  1055.            version="1.1"
  1056.            xmlns="http://www.w3.org/2000/svg"
  1057.            xmlns:xlink="http://www.w3.org/1999/xlink"
  1058.            xml:space="preserve"
  1059.            xmlns:serif="http://www.serif.com/"
  1060.            style="
  1061.            fill-rule: evenodd;
  1062.             clip-rule: evenodd;
  1063.             stroke-linejoin: round;
  1064.             stroke-miterlimit: 2;
  1065.           "
  1066.     >
  1067.           <g transform="matrix(1,0,0,1,0.00720126,-0.00112024)">
  1068.             <g transform="matrix(1,0,0,1,-3511,-1347.35)">
  1069.               <g transform="matrix(1.00073,0,0,1,642.704,153.039)">
  1070.                 <g>
  1071.                   <path
  1072.                          fill="#fff"
  1073.                          d="M4784.79,1331.34L2866.19,1331.34L2866.19,1220.8C2879.99,1217.02 3013.09,1183.46 3336.61,1197.9C3679.18,1213.19 4148.22,1283.76 4423.88,1308.72C4741.84,1337.51 4781.63,1306.83 4784.79,1303.72L4784.79,1331.34Z"
  1074.                  ></path>
  1075.                 </g>
  1076.               </g>
  1077.             </g>
  1078.           </g>
  1079.         </svg>
  1080.   </div>
  1081. </section>
  1082. <section class="social-obligation">
  1083.   <div class="container-fluid obligation-container">
  1084.     <img src="./parts/dots.png" alt="" class="obligation-dots" />
  1085.     <img
  1086.            src="./parts/statistics-color.png"
  1087.            alt=""
  1088.            class="obligation-color"
  1089.    />
  1090.     <img
  1091.            src="./parts/statistics-color2.png"
  1092.            alt=""
  1093.            class="obligation-color-2"
  1094.    />
  1095.     <div class="row row-padding">
  1096.       <div class="spacing"></div>
  1097.       <h3 class="span-headings-about">
  1098.         <span class="about-span">Social</span> Obligation
  1099.       </h3>
  1100.     </div>
  1101.     <div class="container d-flex text-center">
  1102.       <div class="spacing"></div>
  1103.       <div class="col-12 col-md-6 obligation">
  1104.         <p style="font-size: 20px">
  1105.           Every aspect of our daily routine incorporates one main principle:
  1106.         </p>
  1107.         <div style="color: #000; font-weight: bold; font-size: 20px">
  1108.           <p style="font-size: 20px">
  1109.             We want to
  1110.             <span style="color: blue">add value to society</span> by taking
  1111.             decisions that in one shape or another have
  1112.             <span style="color: blue">immediate impact</span> on the overall
  1113.             <span style="color: blue">well-being of humanity.</span>
  1114.           </p>
  1115.         </div>
  1116.         <div style="color: #000; font-weight: bold; font-size: 20px">
  1117.           <p style="font-size: 20px">
  1118.             Solving real problems today while working on chronic solutions
  1119.             that fundamentally resolve regulatory, clinical and
  1120.             accessibulity challenges of patients and healthcare
  1121.             proffesionals in different geographies is
  1122.             <span style="color: blue">our goal</span>.
  1123.           </p>
  1124.         </div>
  1125.         <div style="color: #000; font-weight: bold; font-size: 20px">
  1126.           <p style="font-size: 20px">
  1127.             Our commitment to society is that all of our processes have to
  1128.             be green, socially attuned and strive to establish a
  1129.             <span style="color: blue">win-win sustainable</span> and
  1130.             concrete <span style="color: blue">value proposition</span> that
  1131.             is aligned with the needs of a global community.
  1132.           </p>
  1133.         </div>
  1134.       </div>
  1135.       <div class="col-12 col-md-6 obligation" style="margin-left: 50px">
  1136.         <div class="right-social" style="text-align: right">
  1137.           <div
  1138.                  class="animated-side-block position-relative"
  1139.                  data-aos="fade-up"
  1140.                  data-aos-duration="1000"
  1141.          >
  1142.             <img src="./parts/obligation-1.png" alt="No image found" />
  1143.           </div>
  1144.         </div>
  1145.         <div class="left-social" style="text-align: left">
  1146.           <div
  1147.                  class="animated-side-block position-relative"
  1148.                  data-aos="fade-up"
  1149.                  data-aos-duration="1000"
  1150.          >
  1151.             <img src="./parts/obligation-2.png" alt="No image found" />
  1152.           </div>
  1153.         </div>
  1154.         <div class="right-social" style="text-align: right">
  1155.           <div
  1156.                  class="animated-side-block position-relative"
  1157.                  data-aos="fade-up"
  1158.                  data-aos-duration="1000"
  1159.          >
  1160.             <img src="./parts/obligation-3.png" alt="No image found" />
  1161.           </div>
  1162.         </div>
  1163.         <div class="left-social" style="text-align: left">
  1164.           <div
  1165.                  class="animated-side-block position-relative"
  1166.                  data-aos="fade-up"
  1167.                  data-aos-duration="1000"
  1168.          >
  1169.             <img src="./parts/obligation-4.png" alt="No image found" />
  1170.           </div>
  1171.         </div>
  1172.         <div class="right-social" style="text-align: right">
  1173.           <div
  1174.                  class="animated-side-block position-relative"
  1175.                  data-aos="fade-up"
  1176.                  data-aos-duration="1000"
  1177.          >
  1178.             <img src="./parts/obligation-5.png" alt="No image found" />
  1179.           </div>
  1180.         </div>
  1181.         <div class="left-social" style="text-align: left">
  1182.           <div
  1183.                  class="animated-side-block position-relative"
  1184.                  data-aos="fade-up"
  1185.                  data-aos-duration="1000"
  1186.          >
  1187.             <img src="./parts/obligation-6.png" alt="No image found" />
  1188.           </div>
  1189.         </div>
  1190.         <div class="right-social" style="text-align: right">
  1191.           <div
  1192.                  class="animated-side-block position-relative"
  1193.                  data-aos="fade-up"
  1194.                  data-aos-duration="1000"
  1195.          >
  1196.             <img src="./parts/obligation-7.png" alt="No image found" />
  1197.           </div>
  1198.         </div>
  1199.       </div>
  1200.     </div>
  1201.   </div>
  1202. </section>
  1203. <section class="contact">
  1204.   <div class="container-fluid" style="background-color: #f5f5f5">
  1205.     <div class="row row-padding">
  1206.       <div class="spacing"></div>
  1207.       <h3 class="span-headings-about">
  1208.         <span class="about-span">Contact</span> Us
  1209.       </h3>
  1210.     </div>
  1211.     <div class="row">
  1212.       <div class="col-12 col-md-6">
  1213.         <img src="./parts/planet.png" alt="No image found" />
  1214.       </div>
  1215.       <div class="col-12 col-md-6 d-flex oval-info">
  1216.         <img
  1217.                src="./parts/Oval.png"
  1218.                alt="No image found"
  1219.                style="width: 100%"
  1220.        />
  1221.         <div class="centered-top">
  1222.           <p style="font-size: 40px; font-weight: 800">Ideogen Turkey</p>
  1223.         </div>
  1224.         <div class="centered-lower">
  1225.           <p style="font-size: 16px; line-height: 20px">
  1226.             Short text about country operation lorem lorem lorem lorem imp
  1227.             lorem lorem lomre lorem lomre
  1228.           </p>
  1229.         </div>
  1230.         <div class="centered-lower-2">
  1231.           <p style="font-size: 18px; font-weight: 800">
  1232.             <img src="./parts/location.png" alt="No image found" />
  1233.             Street 1 Bulding 3 No:4 <br />
  1234.             Istanbul / Turkey <br />
  1235.             34510
  1236.           </p>
  1237.         </div>
  1238.         <div class="bottom">
  1239.           <p style="font-size: 18px; font-weight: 800">
  1240.             <img src="./parts/phone.png" alt="No image found" />
  1241.             +90 212 123 33 22
  1242.           </p>
  1243.         </div>
  1244.       </div>
  1245.     </div>
  1246.   </div>
  1247. </section>
  1248. <footer>
  1249.   <div class="footer-top">
  1250.     <div class="container">
  1251.       <div class="row py-5">
  1252.         <div class="col-12 col-md-4" style="font-size: 20px">
  1253.           <div class="row">
  1254.             <div class="col-2 pr-0">
  1255.               <img
  1256.                      src="http://ideogen.unbelievable.digital/assets/images/footer_icon_1.svg"
  1257.                      alt="No image found"
  1258.                      width="35"
  1259.                      height="35"
  1260.              />
  1261.             </div>
  1262.             <div class="col-10 pl-0">
  1263.               <h6 class="footer-title bg-danger text-light py-1 pl-3">
  1264.                 Our Global Offices
  1265.               </h6>
  1266.               <ul class="footel-ul">
  1267.                 <li>
  1268.                   <span class="text-light footer-text">Switzerland</span>
  1269.                 </li>
  1270.                 <li><span class="text-light footer-text">Turkey</span></li>
  1271.                 <li>
  1272.                   <span class="text-light footer-text">United States</span>
  1273.                 </li>
  1274.                 <li>
  1275.                   <span class="text-light footer-text">United Kingdom</span>
  1276.                 </li>
  1277.                 <li>
  1278.                   <span class="text-light footer-text">European Union</span>
  1279.                 </li>
  1280.               </ul>
  1281.             </div>
  1282.           </div>
  1283.         </div>
  1284.         <div class="col-12 col-md-4" style="font-size: 20px">
  1285.           <div class="row">
  1286.             <div class="col-2 pr-0">
  1287.               <img
  1288.                      src="http://ideogen.unbelievable.digital/assets/images/footer_icon_2.svg"
  1289.                      alt="No image found"
  1290.                      width="35"
  1291.                      height="35"
  1292.              />
  1293.             </div>
  1294.             <div class="col-10 pl-0">
  1295.               <h6 class="footer-title bg-danger text-light py-1 pl-3">
  1296.                 Useful Links
  1297.               </h6>
  1298.               <div class="row">
  1299.                 <div class="col-12 col-md-6">
  1300.                   <ul class="footer-ul mb-0">
  1301.                     <li>
  1302.                           <span class="footer-text text-light"
  1303.                          >Stay In Touch</span
  1304.                          >
  1305.                     </li>
  1306.                     <li>
  1307.                           <span class="footer-text text-light"
  1308.                          >Terms of use</span
  1309.                          >
  1310.                     </li>
  1311.                     <li>
  1312.                       <span class="footer-text text-light">Cookies</span>
  1313.                     </li>
  1314.                     <li>
  1315.                           <span class="footer-text text-light"
  1316.                          >Privacy policy</span
  1317.                          >
  1318.                     </li>
  1319.                     <li>
  1320.                       <span class="footer-text text-light">Sitemap</span>
  1321.                     </li>
  1322.                   </ul>
  1323.                 </div>
  1324.                 <div class="col-12 col-md-6">
  1325.                   <ul class="footel-ul">
  1326.                     <li>
  1327.                           <span class="footer-text text-light"
  1328.                          >Stay In Touch</span
  1329.                          >
  1330.                     </li>
  1331.                     <li>
  1332.                           <span class="footer-text text-light"
  1333.                          >Terms of use</span
  1334.                          >
  1335.                     </li>
  1336.                     <li>
  1337.                       <span class="footer-text text-light">Cookies</span>
  1338.                     </li>
  1339.                     <li>
  1340.                           <span class="footer-text text-light"
  1341.                          >Privacy policy</span
  1342.                          >
  1343.                     </li>
  1344.                     <li>
  1345.                       <span class="footer-text text-light">Sitemap</span>
  1346.                     </li>
  1347.                   </ul>
  1348.                 </div>
  1349.               </div>
  1350.             </div>
  1351.           </div>
  1352.         </div>
  1353.         <div class="col-12 col-md-4" style="font-size: 20px">
  1354.           <div class="row">
  1355.             <div class="col-2 pr-0">
  1356.               <img
  1357.                      src="http://ideogen.unbelievable.digital/assets/images/footer_icon_3.svg"
  1358.                      alt="No image found"
  1359.                      width="35"
  1360.                      height="35"
  1361.              />
  1362.             </div>
  1363.             <div class="col-10 pl-0">
  1364.               <h6 class="footer-title bg-danger text-light py-1 pl-3">
  1365.                 Find a Medicine
  1366.               </h6>
  1367.               <ul class="footel-ul">
  1368.                 <li>
  1369.                       <span class="footer-text text-light"
  1370.                      >Ideogen Products</span
  1371.                      >
  1372.                 </li>
  1373.                 <li>
  1374.                   <span class="footer-text text-light">Hepacor</span>
  1375.                 </li>
  1376.               </ul>
  1377.             </div>
  1378.           </div>
  1379.         </div>
  1380.       </div>
  1381.     </div>
  1382.   </div>
  1383.   <div class="footer-bottom">
  1384.     <div class="container">
  1385.       <div class="row py-4 d-flex align-items-center">
  1386.         <div class="col-12 col-md-3 content-center">
  1387.           <img src="./logo/logoLandingPage.svg" alt="No image found" />
  1388.         </div>
  1389.         <div class="col-12 col-md-2 content-center">
  1390.           <img
  1391.                  src="http://ideogen.unbelievable.digital/assets/images/Line.png"
  1392.                  alt="No image found"
  1393.                  class="line-width-footer"
  1394.          />
  1395.         </div>
  1396.         <div class="col-12 col-md-3 content-center">
  1397.           <h5 class="pt-2">
  1398.             Pharma at the
  1399.             <span class="blue-spans" style="font-size: 20px"> Speed</span>
  1400.             of
  1401.             <span class="blue-spans" style="font-size: 20px"> Life</span>
  1402.           </h5>
  1403.         </div>
  1404.         <div class="col-12 col-md-2 content-center">
  1405.           <img
  1406.                  src="http://ideogen.unbelievable.digital/assets/images/Line.png"
  1407.                  alt="No image found"
  1408.                  class="line-width-footer"
  1409.          />
  1410.         </div>
  1411.         <div
  1412.                class="
  1413.                col-12 col-md-2
  1414.                d-flex
  1415.                align-items-center
  1416.                justify-content-center
  1417.              "
  1418.        >
  1419.           <img
  1420.                  src="./parts/fb.png"
  1421.                  alt="No image found"
  1422.                  style="margin-right: 1px"
  1423.          />
  1424.           <img
  1425.                  src="./parts/insta.png"
  1426.                  alt="No image found"
  1427.                  style="margin-right: 2px"
  1428.          />
  1429.           <img
  1430.                  src="http://ideogen.unbelievable.digital/assets/images/linkedin.svg"
  1431.                  alt="No image found"
  1432.          />
  1433.         </div>
  1434.       </div>
  1435.     </div>
  1436.   </div>
  1437. </footer>
  1438. <script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
  1439. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
  1440. <script src="//cdnjs.cloudflare.com/ajax/libs/gsap/1.20.2/TweenMax.min.js"></script>
  1441. <script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/ScrollMagic.min.js"></script>
  1442. <script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/plugins/animation.gsap.js"></script>
  1443. <script src="http://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/plugins/debug.addIndicators.js"></script>
  1444. <script src="./script.js"></script>
  1445. <script src="./dna.js"></script>
  1446. </body>
  1447. </html>
  1448.  
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!