Unverified Commit aad5c009 authored by zapashcanon's avatar zapashcanon
Browse files

better index style

parent 4744b2de
.icon-list {
padding-left: 0;
list-style: none;
}
.icon-list li {
display: flex;
align-items: flex-start;
margin-bottom: .25rem;
}
.icon-list li::before {
display: block;
flex-shrink: 0;
width: 1.5em;
height: 1.5em;
margin-right: .5rem;
content: "";
background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23212529' viewBox='0 0 16 16'%3E%3Cpath d='M8 0a8 8 0 1 1 0 16A8 8 0 0 1 8 0zM4.5 7.5a.5.5 0 0 0 0 1h5.793l-2.147 2.146a.5.5 0 0 0 .708.708l3-3a.5.5 0 0 0 0-.708l-3-3a.5.5 0 1 0-.708.708L10.293 7.5H4.5z'/%3E%3C/svg%3E") no-repeat center center / 100% auto;
}
/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */
body {
padding-top: 3rem;
padding-bottom: 3rem;
color: #5a5a5a;
}
/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */
/* Carousel base class */
.carousel {
margin-bottom: 4rem;
}
/* Since positioning the image, we need to help out the caption */
.carousel-caption {
bottom: 3rem;
z-index: 10;
}
/* Declare heights because of positioning of img element */
.carousel-item {
height: 32rem;
}
.carousel-item > img {
position: absolute;
top: 0;
left: 0;
min-width: 100%;
height: 32rem;
}
/* MARKETING CONTENT
-------------------------------------------------- */
/* Center align the text within the three columns below the carousel */
.marketing .col-lg-4 {
margin-bottom: 1.5rem;
text-align: center;
}
.marketing h2 {
font-weight: 400;
}
/* rtl:begin:ignore */
.marketing .col-lg-4 p {
margin-right: .75rem;
margin-left: .75rem;
}
/* rtl:end:ignore */
/* Featurettes
------------------------- */
.featurette-divider {
margin: 5rem 0; /* Space out the Bootstrap <hr> more */
}
/* Thin out the marketing headings */
.featurette-heading {
font-weight: 300;
line-height: 1;
/* rtl:remove */
letter-spacing: -.05rem;
}
/* RESPONSIVE CSS
-------------------------------------------------- */
@media (min-width: 40em) {
/* Bump up size of carousel content */
.carousel-caption p {
margin-bottom: 1.25rem;
font-size: 1.25rem;
line-height: 1.4;
}
.featurette-heading {
font-size: 50px;
}
}
@media (min-width: 62em) {
.featurette-heading {
margin-top: 7rem;
}
}
<h1 align="center"> Harnessing Cutting-Edge Technologies</h1>
<br />
## State-of-the-art languages for modern solutions
<hr class="featurette-divider">
## State-of-the-art languages for modern solutions
<br />
We have years of experience on the research and development of programming languages, formal methods techniques and tools as well as their application in industrial settings. Let’s achieve bold projects together!
<br />
<br />
<div class="row">
<div class="col-lg-4">
......@@ -24,9 +26,10 @@ We have years of experience on the research and development of programming langu
<p align="center">
<a role="button" class="btn btn-primary" href="https://calendly.com/contact-ocamlpro">Let's discuss your projects</a>
</p>
<br />
<hr class="featurette-divider">
## Prototyping software solutions for you
<br />
We design and implement reliable high-value solutions for our clients. As a challenge-driven team, we can find with you the most elegant and efficient solutions to optimize your products or create new ones.
......@@ -34,6 +37,7 @@ OCamlPro has a record of outstanding technological achievements and success stor
We cater to very specific needs. For example, we can translate a “black box” application from a programming language (Go, Coq, Cobol…) to a comprehensive language for your current team. Whether an ex-employee or a contractor coded everything in a language your current team hasn’t mastered, or it’s running on a legacy language, we can provide assistance.
<br />
<div class="row">
<div class="col-lg-3">
<p><img src="/assets/img/logo_opam.png"/></p>
......@@ -101,8 +105,12 @@ We cater to very specific needs. For example, we can translate a “black box”
</div>
</div>
<hr class="featurette-divider">
## You're in good company
<br />
<br />
<div class="row">
<div class="col-lg-2">
<p><a href="https://www.janestreet.com"><img src="/assets/img/logo_janestreet.svg" width="150"/></a></p>
......
......@@ -4,7 +4,7 @@ let render_unsafe ~lang ~title ~content =
<head>
<title><%s title %> | OCamlPro</title>
<link href="/assets/css/bootstrap.min.css" rel="stylesheet"/>
<link href="/assets/css/starter-template.css" rel="stylesheet">
<link href="/assets/css/template.css" rel="stylesheet">
<link href="/assets/css/style.css" rel="stylesheet">
</head>
<body>
......@@ -40,10 +40,12 @@ let render_unsafe ~lang ~title ~content =
<br />
<br />
<br />
<br />
<main>
<div class="container">
<%s! content %>
</div>
<hr class="featurette-divider">
<footer class="container">
<p>&copy; 2011–2021 OCamlPro &middot;
<a href="https://twitter.com/ocamlpro">Twitter</a> &middot;
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment