| ... |
... |
@@ -30,24 +30,55 @@ |
| 30 |
30 |
|
| 31 |
31 |
</div> |
| 32 |
32 |
</div> |
| 33 |
|
- |
| 34 |
|
- <div class="container highlighted"> |
| 35 |
|
- <h4 class="highlighted__title">Highlighted collabs</h4> |
| 36 |
|
- <div class="row highlighted_row"> |
| 37 |
|
- <div>...</div> |
|
33 |
+ <div class="container"> |
|
34 |
+ <div class="row tags"> |
|
35 |
+ <div class="col-md-3"> |
|
36 |
+ <h3 class="tags__title tags__title--collaborate"> |
|
37 |
+ Collaborate |
|
38 |
+ </h3> |
|
39 |
+ <p class="tags__text"> |
|
40 |
+ Create projects and documents, invite collaborators, co-produce |
|
41 |
+ articles and release your team work for the community |
|
42 |
+ </p> |
|
43 |
+ </div> |
|
44 |
+ <div class="col-md-3"> |
|
45 |
+ <h3 class="tags__title tags__title--reproducible"> |
|
46 |
+ Reproducible |
|
47 |
+ </h3> |
|
48 |
+ <p class="tags__text"> |
|
49 |
+ Initiate environments, install libraries, find and access datasets |
|
50 |
+ to create the stable fertile ground for your experiments |
|
51 |
+ </p> |
|
52 |
+ </div> |
|
53 |
+ <div class="col-md-3"> |
|
54 |
+ <h3 class="tags__title tags__title--science">Science</h3> |
|
55 |
+ <p class="tags__text"> |
|
56 |
+ Develop code, visualise results, generate data and collaborate on |
|
57 |
+ your re-search |
|
58 |
+ </p> |
|
59 |
+ </div> |
|
60 |
+ <div class="col-md-3"> |
|
61 |
+ <h3 class="tags__title tags__title--anywhere">Anywhere</h3> |
|
62 |
+ <p class="tags__text"> |
|
63 |
+ Upload or generate your data and access it any-where anytime, from |
|
64 |
+ your local machine to the most powerful high perfor-mance |
|
65 |
+ computers |
|
66 |
+ </p> |
|
67 |
+ </div> |
| 38 |
38 |
</div> |
| 39 |
39 |
</div> |
| 40 |
40 |
|
| 41 |
41 |
|
| 42 |
|
- |
| 43 |
|
- <div class="container get-started"> |
| 44 |
|
- <h4 class="get-started__title">Highlighted collabs</h4> |
| 45 |
|
- <div class="row get-started__row"> |
| 46 |
|
- <div class="col-xs-12 col-md-6"> |
| 47 |
|
- <img class="img-responsive" |
| 48 |
|
- src="https://via.placeholder.com/600x300"/> |
| 49 |
|
- </div> |
|
72 |
+<div class="container get-started"> |
|
73 |
+ <h4 class="get-started__title">GET STARTED</h4> |
|
74 |
+ <div class="row get-started__row"> |
| 50 |
50 |
<div class="col-xs-12 col-md-6"> |
|
76 |
+ <img |
|
77 |
+ class="img-responsive" |
|
78 |
+ src="https://via.placeholder.com/600x300" |
|
79 |
+ /> |
|
80 |
+ </div> |
|
81 |
+ <div class="col-xs-12 col-md-6"> |
| 51 |
51 |
<a href="#"> |
| 52 |
52 |
<h2 class="get-started__row__title">Create a collab</h2> |
| 53 |
53 |
<p class="get-started__row__text"> |